chore: drop react-hooks test util

form-atoms · Dec 2, 2023 · 274829d · 274829d
1 parent 021dfaa
commit 274829d
Show file tree

Hide file tree

Showing 11 changed files with 66 additions and 99 deletions.
diff --git a/package.json b/package.json
@@ -61,12 +61,10 @@
     "@storybook/theming": "7.6.3",
     "@testing-library/jest-dom": "6.1.5",
     "@testing-library/react": "14.1.2",
-    "@testing-library/react-hooks": "8.0.1",
     "@testing-library/user-event": "14.5.1",
     "@types/react": "^18",
     "@types/react-dom": "^18",
     "@types/semantic-release": "^20.0.6",
-    "@types/testing-library__jest-dom": "^6.0.0",
     "@typescript-eslint/eslint-plugin": "6.13.1",
     "@typescript-eslint/parser": "6.13.1",
     "@vitejs/plugin-react": "^4.2.0",

diff --git a/src/TemplateField.test.skip.tsx b/src/TemplateField.test.skip.tsx
@@ -1,5 +1,4 @@
-import { fireEvent, screen } from "@testing-library/react";
-import { act as domAct, renderHook } from "@testing-library/react-hooks/dom";
+import { act, fireEvent, renderHook, screen } from "@testing-library/react";
 import { userEvent } from "@testing-library/user-event";
 import { formAtom, useFormSubmit } from "form-atoms";
 import { describe, expect, it } from "vitest";
@@ -23,10 +22,8 @@ describe("<Field />", () => {
       });
       const { result } = renderHook(() => useFormSubmit(form));
 
-      // render
-
       const onSubmit = vi.fn();
-      await domAct(async () => {
+      await act(async () => {
         result.current(onSubmit)();
       });
 
@@ -50,7 +47,7 @@ describe("<Field />", () => {
       expect(input).toBeValid();
 
       const onSubmit = vi.fn();
-      await domAct(async () => {
+      await act(async () => {
         result.current(onSubmit)();
       });
 
@@ -73,7 +70,7 @@ describe("<Field />", () => {
       expect(textarea).toBeValid();
 
       const onSubmit = vi.fn();
-      await domAct(async () => {
+      await act(async () => {
         result.current(onSubmit)();
       });
 

diff --git a/src/components/checkbox-field/CheckboxField.test.tsx b/src/components/checkbox-field/CheckboxField.test.tsx
@@ -1,6 +1,5 @@
 import { checkboxField } from "@form-atoms/field";
-import { render, screen } from "@testing-library/react";
-import { act as domAct, renderHook } from "@testing-library/react-hooks/dom";
+import { act, render, renderHook, screen } from "@testing-library/react";
 import { userEvent } from "@testing-library/user-event";
 import { formAtom, useFormSubmit } from "form-atoms";
 import { describe, expect, it } from "vitest";
@@ -42,7 +41,7 @@ describe("<CheckboxField />", () => {
       render(<CheckboxField field={tos} label="terms" />);
 
       const handleSubmit = vi.fn();
-      await domAct(async () => {
+      await act(async () => {
         result.current(handleSubmit)();
       });
 
@@ -63,7 +62,7 @@ describe("<CheckboxField />", () => {
       render(<CheckboxField field={newsletter} />);
 
       const onSubmit = vi.fn();
-      await domAct(async () => {
+      await act(async () => {
         result.current(onSubmit)();
       });
 

diff --git a/src/components/checkbox-group-field/CheckboxGroupField.test.tsx b/src/components/checkbox-group-field/CheckboxGroupField.test.tsx
@@ -1,6 +1,5 @@
 import { stringArrayField } from "@form-atoms/field";
-import { render, screen } from "@testing-library/react";
-import { act as domAct, renderHook } from "@testing-library/react-hooks/dom";
+import { act, render, renderHook, screen } from "@testing-library/react";
 import { userEvent } from "@testing-library/user-event";
 import { formAtom, useFormSubmit } from "form-atoms";
 import { describe, expect, it } from "vitest";
@@ -37,7 +36,7 @@ describe("<CheckboxGroupField />", () => {
     render(<CheckboxGroupField field={field} {...props} />);
 
     const onSubmit = vi.fn();
-    await domAct(async () => {
+    await act(async () => {
       result.current(onSubmit)();
     });
 
@@ -57,7 +56,7 @@ describe("<CheckboxGroupField />", () => {
       render(<CheckboxGroupField field={value} {...props} />);
 
       const onSubmit = vi.fn();
-      await domAct(async () => {
+      await act(async () => {
         result.current(onSubmit)();
       });
 

diff --git a/src/components/file-field/FilesField.test.tsx b/src/components/file-field/FilesField.test.tsx
@@ -1,6 +1,11 @@
 import { filesField } from "@form-atoms/field";
-import { fireEvent, render, screen } from "@testing-library/react";
-import { act as domAct, renderHook } from "@testing-library/react-hooks/dom";
+import {
+  act,
+  fireEvent,
+  render,
+  renderHook,
+  screen,
+} from "@testing-library/react";
 import { userEvent } from "@testing-library/user-event";
 import { formAtom, useForm, useFormSubmit } from "form-atoms";
 import { describe, expect, it } from "vitest";
@@ -26,7 +31,7 @@ describe("<FilesField />", () => {
     render(<FilesField field={doc} label="document scan" />);
 
     const onSubmit = vi.fn();
-    await domAct(async () => {
+    await act(async () => {
       result.current(onSubmit)();
     });
 
@@ -51,7 +56,7 @@ describe("<FilesField />", () => {
       expect(input).toBeValid();
 
       const onSubmit = vi.fn();
-      await domAct(async () => {
+      await act(async () => {
         result.current(onSubmit)();
       });
 
@@ -81,15 +86,15 @@ describe("<FilesField />", () => {
         target: { files: [], value: "" },
       });
       // must be after workarround, so zod validator gets undefined input instead of empty array
-      await domAct(async () => {
+      await act(async () => {
         result.current.reset();
       });
 
       expect(fileInput).toBeValid();
       expect(fileInput).toHaveValue("");
 
       const onSubmit = vi.fn();
-      await domAct(async () => {
+      await act(async () => {
         result.current.submit(onSubmit)();
       });
 

diff --git a/src/components/number-field/NumberField.test.tsx b/src/components/number-field/NumberField.test.tsx
@@ -1,6 +1,11 @@
 import { numberField } from "@form-atoms/field";
-import { fireEvent, render, screen } from "@testing-library/react";
-import { act as domAct, renderHook } from "@testing-library/react-hooks/dom";
+import {
+  act,
+  fireEvent,
+  render,
+  renderHook,
+  screen,
+} from "@testing-library/react";
 import { userEvent } from "@testing-library/user-event";
 import { formAtom, useFormSubmit } from "form-atoms";
 import { describe, expect, it } from "vitest";
@@ -27,7 +32,7 @@ describe("<NumberField />", () => {
       render(<NumberField field={price} label="price" />);
 
       const onSubmit = vi.fn();
-      await domAct(async () => {
+      await act(async () => {
         result.current(onSubmit)();
       });
 
@@ -44,7 +49,7 @@ describe("<NumberField />", () => {
       render(<NumberField field={price} />);
 
       const onSubmit = vi.fn();
-      await domAct(async () => {
+      await act(async () => {
         result.current(onSubmit)();
       });
 
@@ -56,7 +61,7 @@ describe("<NumberField />", () => {
 
       expect(input).toBeValid();
 
-      await domAct(async () => {
+      await act(async () => {
         result.current(onSubmit)();
       });
 
@@ -77,7 +82,7 @@ describe("<NumberField />", () => {
       expect(input).toBeValid();
 
       const onSubmit = vi.fn();
-      await domAct(async () => {
+      await act(async () => {
         result.current(onSubmit)();
       });
 

diff --git a/src/components/radio-field/RadioField.test.tsx b/src/components/radio-field/RadioField.test.tsx
@@ -1,6 +1,5 @@
 import { stringField } from "@form-atoms/field";
-import { render, screen } from "@testing-library/react";
-import { act as domAct, renderHook } from "@testing-library/react-hooks/dom";
+import { act, render, renderHook, screen } from "@testing-library/react";
 import { formAtom, useFormSubmit } from "form-atoms";
 import { describe, expect, it } from "vitest";
 
@@ -24,7 +23,7 @@ describe("<RadioField />", () => {
     render(<RadioField field={field} {...props} />);
 
     const onSubmit = vi.fn();
-    await domAct(async () => {
+    await act(async () => {
       result.current(onSubmit)();
     });
 
@@ -48,7 +47,7 @@ describe("<RadioField />", () => {
       expect(firstRadio).toBeValid();
 
       const onSubmit = vi.fn();
-      await domAct(async () => {
+      await act(async () => {
         result.current(onSubmit)();
       });
 

diff --git a/src/components/select-field/SelectField.test.tsx b/src/components/select-field/SelectField.test.tsx
@@ -1,6 +1,5 @@
 import { stringField } from "@form-atoms/field";
-import { render, screen } from "@testing-library/react";
-import { act as domAct, renderHook } from "@testing-library/react-hooks/dom";
+import { act, render, renderHook, screen } from "@testing-library/react";
 import { userEvent } from "@testing-library/user-event";
 import { formAtom, useFormSubmit } from "form-atoms";
 import { describe, expect, it } from "vitest";
@@ -33,7 +32,7 @@ describe("<SelectField />", () => {
     render(<SelectField field={field} {...props} />);
 
     const onSubmit = vi.fn();
-    await domAct(async () => {
+    await act(async () => {
       result.current(onSubmit)();
     });
 
@@ -72,7 +71,7 @@ describe("<SelectField />", () => {
       // expect(select).toBeValid();
 
       const onSubmit = vi.fn();
-      await domAct(async () => {
+      await act(async () => {
         result.current(onSubmit)();
       });
 

diff --git a/src/components/text-field/TextField.test.tsx b/src/components/text-field/TextField.test.tsx
@@ -1,6 +1,11 @@
 import { textField } from "@form-atoms/field";
-import { fireEvent, render, screen } from "@testing-library/react";
-import { act as domAct, renderHook } from "@testing-library/react-hooks/dom";
+import {
+  act,
+  fireEvent,
+  render,
+  renderHook,
+  screen,
+} from "@testing-library/react";
 import { userEvent } from "@testing-library/user-event";
 import { formAtom, useForm, useFormSubmit } from "form-atoms";
 import { describe, expect, it } from "vitest";
@@ -31,7 +36,7 @@ describe("<TextField />", () => {
       expect(textbox).toBeValid();
 
       const onSubmit = vi.fn();
-      await domAct(async () => {
+      await act(async () => {
         result.current(onSubmit)();
       });
 
@@ -52,14 +57,14 @@ describe("<TextField />", () => {
 
     expect(textbox).toHaveValue("memento mori");
 
-    await domAct(async () => {
+    await act(async () => {
       result.current.reset();
     });
 
     expect(textbox).toHaveValue("");
 
     const onSubmit = vi.fn();
-    await domAct(async () => {
+    await act(async () => {
       result.current.submit(onSubmit)();
     });
 

diff --git a/src/components/textarea-field/TextareaField.test.tsx b/src/components/textarea-field/TextareaField.test.tsx
@@ -1,6 +1,11 @@
 import { textField } from "@form-atoms/field";
-import { fireEvent, render, screen } from "@testing-library/react";
-import { act as domAct, renderHook } from "@testing-library/react-hooks/dom";
+import {
+  act,
+  fireEvent,
+  render,
+  renderHook,
+  screen,
+} from "@testing-library/react";
 import { userEvent } from "@testing-library/user-event";
 import { formAtom, useFormSubmit } from "form-atoms";
 import { describe, expect, it } from "vitest";
@@ -26,7 +31,7 @@ describe("<TextareaField />", () => {
       render(<TextareaField field={bio} label="bio" />);
 
       const onSubmit = vi.fn();
-      await domAct(async () => {
+      await act(async () => {
         result.current(onSubmit)();
       });
 
@@ -49,7 +54,7 @@ describe("<TextareaField />", () => {
       expect(textarea).toBeValid();
 
       const onSubmit = vi.fn();
-      await domAct(async () => {
+      await act(async () => {
         result.current(onSubmit)();
       });
 
@@ -70,7 +75,7 @@ describe("<TextareaField />", () => {
       expect(textarea).toBeValid();
 
       const onSubmit = vi.fn();
-      await domAct(async () => {
+      await act(async () => {
         result.current(onSubmit)();
       });