issue #326: tests

ai-cfia · Nov 26, 2024 · e38f095 · e38f095
1 parent e570602
commit e38f095
Show file tree

Hide file tree

Showing 5 changed files with 323 additions and 18 deletions.
diff --git a/src/app/label-data-validation/__tests__/page.test.tsx b/src/app/label-data-validation/__tests__/page.test.tsx
@@ -67,7 +67,7 @@ describe("LabelDataValidationPage Functionality", () => {
   });
 });
 
-describe("LabelDataValidationPage and OrganizationsForm Integration", () => {
+describe("LabelDataValidationPage and Forms Integration", () => {
   it("marks the Organizations step as Completed or Incomplete when fields are Verified", () => {
     render(<LabelDataValidationPage />);
 
@@ -91,9 +91,7 @@ describe("LabelDataValidationPage and OrganizationsForm Integration", () => {
 
     expect(targetSpan).not.toHaveClass("Mui-completed");
   });
-});
 
-describe("LabelDataValidationPage and BaseInformationForm Integration", () => {
   it("marks the Base Information step as Completed or Incomplete when fields are Verified", async () => {
     render(<LabelDataValidationPage />);
 
@@ -129,4 +127,38 @@ describe("LabelDataValidationPage and BaseInformationForm Integration", () => {
 
     expect(targetSpan).not.toHaveClass("Mui-completed");
   });
+
+  it("marks the Cautions step as Completed or Incomplete when fields are Verified", async () => {
+    render(<LabelDataValidationPage />);
+
+    const spans = screen.getAllByText("cautions.stepTitle", {
+      exact: true,
+    });
+    const targetSpan = spans.find((span) =>
+      span.classList.contains("MuiStepLabel-label"),
+    );
+    expect(targetSpan).not.toHaveClass("Mui-completed");
+
+    const button = targetSpan!.closest("button");
+    await act(async () => {
+      fireEvent.click(button!);
+    });
+
+    const verifyButtons = screen.getAllByTestId(/verify-row-btn-cautions-\d+/);
+    expect(verifyButtons.length).toBeGreaterThanOrEqual(1);
+
+    for (const button of verifyButtons) {
+      await act(async () => {
+        fireEvent.click(button);
+      });
+    }
+
+    expect(targetSpan).toHaveClass("Mui-completed");
+
+    await act(async () => {
+      fireEvent.click(verifyButtons[0]);
+    });
+
+    expect(targetSpan).not.toHaveClass("Mui-completed");
+  });
 });
diff --git a/src/components/__tests__/BaseInformationForm.test.tsx b/src/components/__tests__/BaseInformationForm.test.tsx
@@ -1,4 +1,4 @@
-import { DEFAULT_BASE_INFORMATION, LabelData } from "@/types/types";
+import { DEFAULT_LABEL_DATA, LabelData } from "@/types/types";
 import { render, screen } from "@testing-library/react";
 import { useEffect, useState } from "react";
 import { FormProvider, useForm } from "react-hook-form";
@@ -31,14 +31,7 @@ const Wrapper = ({
 
 describe("BaseInformationForm Rendering", () => {
   it("should render all fields with correct components", () => {
-    render(
-      <Wrapper
-        initialData={{
-          organizations: [],
-          baseInformation: DEFAULT_BASE_INFORMATION,
-        }}
-      />,
-    );
+    render(<Wrapper initialData={DEFAULT_LABEL_DATA} />);
 
     const verifiedFields = ["name", "registrationNumber", "lotNumber", "npk"];
     const quantityFields = ["weight", "density", "volume"];

diff --git a/src/components/__tests__/CautionsForm.test.tsx b/src/components/__tests__/CautionsForm.test.tsx
@@ -0,0 +1,39 @@
+import { DEFAULT_LABEL_DATA } from "@/types/types";
+import { render, screen } from "@testing-library/react";
+import { useEffect, useState } from "react";
+import { FormProvider, useForm } from "react-hook-form";
+import CautionsForm from "../CautionsForm";
+
+const Wrapper = ({
+  initialData,
+  onStateChange,
+}: {
+  initialData: any;
+  onStateChange?: (data: any) => void;
+}) => {
+  const [labelData, setLabelData] = useState(initialData);
+  const methods = useForm({
+    defaultValues: labelData,
+  });
+
+  useEffect(() => {
+    if (onStateChange) {
+      onStateChange(labelData);
+    }
+  }, [labelData, onStateChange]);
+
+  return (
+    <FormProvider {...methods}>
+      <CautionsForm labelData={labelData} setLabelData={setLabelData} />
+    </FormProvider>
+  );
+};
+
+describe("CautionsForm Rendering", () => {
+  it("should render the VerifiedBilingualTable for cautions", () => {
+    render(<Wrapper initialData={DEFAULT_LABEL_DATA} />);
+
+    expect(screen.getByTestId("cautions-form")).toBeInTheDocument();
+    expect(screen.getByTestId("table-container-cautions")).toBeInTheDocument();
+  });
+});
diff --git a/src/components/__tests__/OrganizationsForm.test.tsx b/src/components/__tests__/OrganizationsForm.test.tsx
@@ -42,6 +42,7 @@ describe("OrganizationsForm Rendering", () => {
         initialData={{
           organizations: [DEFAULT_ORGANIZATION, DEFAULT_ORGANIZATION],
           baseInformation: DEFAULT_BASE_INFORMATION,
+          cautions: [],
         }}
       />,
     );
@@ -67,8 +68,8 @@ describe("OrganizationsForm Rendering", () => {
     render(
       <Wrapper
         initialData={{
+          ...DEFAULT_LABEL_DATA,
           organizations: [],
-          baseInformation: DEFAULT_BASE_INFORMATION,
         }}
       />,
     );
@@ -84,8 +85,8 @@ describe("OrganizationsForm Functionality", () => {
     render(
       <Wrapper
         initialData={{
+          ...DEFAULT_LABEL_DATA,
           organizations: [],
-          baseInformation: DEFAULT_BASE_INFORMATION,
         }}
       />,
     );
@@ -226,8 +227,8 @@ describe("OrganizationsForm Functionality", () => {
     render(
       <Wrapper
         initialData={{
+          ...DEFAULT_LABEL_DATA,
           organizations: [verifiedOrg],
-          baseInformation: DEFAULT_BASE_INFORMATION,
         }}
       />,
     );
@@ -261,8 +262,8 @@ describe("OrganizationsForm Functionality", () => {
     render(
       <Wrapper
         initialData={{
+          ...DEFAULT_LABEL_DATA,
           organizations: [partiallyVerifiedOrg],
-          baseInformation: DEFAULT_BASE_INFORMATION,
         }}
         onStateChange={mockStateChange}
       />,
@@ -319,8 +320,8 @@ describe("OrganizationsForm Functionality", () => {
     render(
       <Wrapper
         initialData={{
+          ...DEFAULT_LABEL_DATA,
           organizations: [allUnverifiedOrg],
-          baseInformation: DEFAULT_BASE_INFORMATION,
         }}
       />,
     );
@@ -335,8 +336,8 @@ describe("OrganizationsForm Edge Cases", () => {
     render(
       <Wrapper
         initialData={{
+          ...DEFAULT_LABEL_DATA,
           organizations: [],
-          baseInformation: DEFAULT_BASE_INFORMATION,
         }}
       />,
     );