1) Added mouse over indication for breakpoint area in the Debugger. Fixes #2647

2) Added search text option to the Debugger panel. Fixes #2648
3) Port Debugger to React. Fixes #6132

web/regression/javascript/schema_ui_files/debugger_args.ui.spec.js

@@ -0,0 +1,51 @@
+/////////////////////////////////////////////////////////////
+//
+// pgAdmin 4 - PostgreSQL Tools
+//
+// Copyright (C) 2013 - 2022, The pgAdmin Development Team
+// This software is released under the PostgreSQL Licence
+//
+//////////////////////////////////////////////////////////////
+
+import '../helper/enzyme.helper';
+
+import React from 'react';
+import { createMount } from '@material-ui/core/test-utils';
+
+import SchemaView from '../../../pgadmin/static/js/SchemaView';
+import {DebuggerArgumentSchema} from '../../../pgadmin/tools/debugger/static/js/components/DebuggerArgs.ui';
+import {genericBeforeEach} from '../genericFunctions';
+
+describe('DebuggerArgs', () => {
+  let mount;
+  let schemaObj = new DebuggerArgumentSchema(
+  );
+
+  /* Use createMount so that material ui components gets the required context */
+  /* https://material-ui.com/guides/testing/#api */
+  beforeAll(() => {
+    mount = createMount();
+  });
+
+  afterAll(() => {
+    mount.cleanUp();
+  });
+
+  beforeEach(() => {
+    genericBeforeEach();
+  });
+
+  it('create', () => {
+    mount(<SchemaView
+      formType='dialog'
+      schema={schemaObj}
+      viewHelperProps={{
+        mode: 'create',
+      }}
+      onDataChange={() => {/*This is intentional (SonarQube)*/}}
+      showFooter={false}
+      isTabView={false}
+    />);
+  });
+});
+