Adding unit tests

Signed-off-by: saimedhi <saimedhi@amazon.com>

Author: saimedhi

public/pages/workflows/import_workflow/import_workflow_modal.test.tsx

@@ -0,0 +1,55 @@
+/*
+ * Copyright OpenSearch Contributors
+ * SPDX-License-Identifier: Apache-2.0
+ */
+
+import React from 'react';
+import { render } from '@testing-library/react';
+import { Provider } from 'react-redux';
+
+import {
+  BrowserRouter as Router,
+  RouteComponentProps,
+  Route,
+  Switch,
+} from 'react-router-dom';
+import { store } from '../../../store';
+import { ImportWorkflowModal } from './import_workflow_modal';
+
+jest.mock('../../../services', () => {
+  const { mockCoreServices } = require('../../../../test');
+  return {
+    ...jest.requireActual('../../../services'),
+    ...mockCoreServices,
+  };
+});
+
+const renderWithRouter = () => ({
+  ...render(
+    <Provider store={store}>
+      <Router>
+        <Switch>
+          <Route
+            render={(props: RouteComponentProps) => (
+              <ImportWorkflowModal
+                isImportModalOpen={true}
+                setIsImportModalOpen={jest.fn()}
+                setSelectedTabId={jest.fn()}
+                {...props}
+              />
+            )}
+          />
+        </Switch>
+      </Router>
+    </Provider>
+  ),
+});
+
+describe('ImportWorkflowModal', () => {
+  test('renders the page', () => {
+    const { getAllByText } = renderWithRouter();
+    expect(
+      getAllByText('Import a workflow (JSON/YAML)').length
+    ).toBeGreaterThan(0);
+  });
+});

public/pages/workflows/new_workflow/new_workflow.test.tsx

@@ -0,0 +1,39 @@
+/*
+ * Copyright OpenSearch Contributors
+ * SPDX-License-Identifier: Apache-2.0
+ */
+
+import React from 'react';
+import { render } from '@testing-library/react';
+import '@testing-library/jest-dom';
+import { Provider } from 'react-redux';
+
+import {
+  BrowserRouter as Router,
+  RouteComponentProps,
+  Route,
+  Switch,
+} from 'react-router-dom';
+import { store } from '../../../store';
+import { NewWorkflow } from './new_workflow';
+
+const renderWithRouter = () => ({
+  ...render(
+    <Provider store={store}>
+      <Router>
+        <Switch>
+          <Route
+            render={(props: RouteComponentProps) => <NewWorkflow {...props} />}
+          />
+        </Switch>
+      </Router>
+    </Provider>
+  ),
+});
+
+describe('NewWorkflow', () => {
+  test('renders the search bar', () => {
+    const { getByPlaceholderText } = renderWithRouter();
+    expect(getByPlaceholderText('Search')).toBeInTheDocument();
+  });
+});

public/pages/workflows/workflow_list/workflow_list.test.tsx

@@ -0,0 +1,40 @@
+/*
+ * Copyright OpenSearch Contributors
+ * SPDX-License-Identifier: Apache-2.0
+ */
+
+import React from 'react';
+import { render } from '@testing-library/react';
+import { Provider } from 'react-redux';
+
+import {
+  BrowserRouter as Router,
+  RouteComponentProps,
+  Route,
+  Switch,
+} from 'react-router-dom';
+import { store } from '../../../store';
+import { WorkflowList } from './workflow_list';
+
+const renderWithRouter = () => ({
+  ...render(
+    <Provider store={store}>
+      <Router>
+        <Switch>
+          <Route
+            render={(props: RouteComponentProps) => (
+              <WorkflowList setSelectedTabId={jest.fn()} {...props} />
+            )}
+          />
+        </Switch>
+      </Router>
+    </Provider>
+  ),
+});
+
+describe('WorkflowList', () => {
+  test('renders the page', () => {
+    const { getAllByText } = renderWithRouter();
+    expect(getAllByText('Manage existing workflows').length).toBeGreaterThan(0);
+  });
+});