Add tests to various hooks (#16293)

* Move testutils to test-utils folder

* Add mock data

* Add analytics provider to test renderer

* Add hooks.test.ts, test useUniqueFormId

* Add tests for mapFormPropsToOperation and useInitialValues

airbyte-webapp/src/components/ArrayOfObjectsEditor/components/EditorHeader.test.tsx

@@ -1,4 +1,4 @@
-import { render } from "utils/testutils";
+import { render } from "test-utils/testutils";
 
 import { EditorHeader } from "./EditorHeader";
 

airbyte-webapp/src/components/base/Input/Input.test.tsx

@@ -1,7 +1,6 @@
 import { fireEvent, waitFor } from "@testing-library/react";
 import { act } from "react-dom/test-utils";
-
-import { render } from "utils/testutils";
+import { render } from "test-utils/testutils";
 
 import { Input } from "./Input";
 

airbyte-webapp/src/hooks/services/FormChangeTracker/hooks.test.ts

@@ -0,0 +1,19 @@
+import { renderHook } from "@testing-library/react-hooks";
+
+import { useUniqueFormId } from "./hooks";
+
+describe("#useUniqueFormId", () => {
+  it("should use what is passed into it", () => {
+    const {
+      result: { current },
+    } = renderHook(() => useUniqueFormId("asdf"));
+    expect(current).toBe("asdf");
+  });
+
+  it("should generate an id like /form_/", () => {
+    const {
+      result: { current },
+    } = renderHook(useUniqueFormId);
+    expect(current).toMatch(/form_/);
+  });
+});

airbyte-webapp/src/hooks/services/Modal/ModalService.test.tsx

@@ -1,8 +1,7 @@
 import { render, waitFor } from "@testing-library/react";
 import userEvent from "@testing-library/user-event";
 import { useEffectOnce } from "react-use";
-
-import { useMockIntersectionObserver } from "utils/testutils";
+import { useMockIntersectionObserver } from "test-utils/testutils";
 
 import { ModalServiceProvider, useModalService } from "./ModalService";
 import { ModalResult } from "./types";

airbyte-webapp/src/packages/cloud/views/auth/OAuthLogin/OAuthLogin.test.tsx

@@ -1,10 +1,10 @@
 import { render } from "@testing-library/react";
 import userEvents from "@testing-library/user-event";
 import { EMPTY } from "rxjs";
+import { TestWrapper } from "test-utils/testutils";
 
 import type { useExperiment } from "hooks/services/Experiment";
 import type { Experiments } from "hooks/services/Experiment/experiments";
-import { TestWrapper } from "utils/testutils";
 
 const mockUseExperiment = jest.fn<ReturnType<typeof useExperiment>, Parameters<typeof useExperiment>>();
 jest.doMock("hooks/services/Experiment", () => ({

airbyte-webapp/src/pages/ConnectionPage/pages/ConnectionItemPage/components/SettingsView.test.tsx

@@ -1,4 +1,4 @@
-import { render, mockConnection } from "utils/testutils";
+import { render, mockConnection } from "test-utils/testutils";
 
 import SettingsView from "./SettingsView";