@pautena/react-design-system 0.2.1 → 0.3.0

package/src/tests/assertions.ts

@@ -1,6 +1,8 @@
 import { AlertColor } from "@mui/material";
 import { ModelField } from "../generators";
 import { screen, waitForElementToBeRemoved } from "./testing-library";
+import { format } from "date-fns";
+import { MockInstance } from "../generators/generators.mock";
 
 export const expectContentPlaceholder = async () => {
   expect(await screen.findByTestId(/content-placeholder-test/i)).toBeInTheDocument();
@@ -12,6 +14,12 @@ export const expectModelFieldInputExist = (fields: ModelField[]) => {
       expectModelFieldInputExist(field.value);
     } else if (field.type === "number") {
       expect(screen.getByRole("spinbutton", { name: field.name })).toBeInTheDocument();
+    } else if (field.type === "boolean") {
+      expect(screen.getByRole("checkbox", { name: field.name })).toBeInTheDocument();
+    } else if (field.type === "enum" || field.type === "multienum") {
+      expect(
+        screen.getByRole("button", { name: new RegExp(field.name.toLowerCase(), "i") }),
+      ).toBeInTheDocument();
     } else {
       expect(screen.getByRole("textbox", { name: field.name })).toBeInTheDocument();
     }
@@ -25,6 +33,16 @@ export const expectModelFieldInputValue = (fields: ModelField[], initialValues:
       expectModelFieldInputValue(field.value, value);
     } else if (field.type === "number") {
       expect(screen.getByDisplayValue(value.toString())).toBeInTheDocument();
+    } else if (field.type === "boolean") {
+      expect(
+        screen.getByRole("checkbox", { name: field.name, checked: value }),
+      ).toBeInTheDocument();
+    } else if (field.type === "date" || field.type === "time" || field.type === "datetime") {
+      const expectedDateValue = format(value, field.format);
+      expect(screen.getByRole("textbox", { name: field.name })).toHaveAttribute(
+        "value",
+        expectedDateValue,
+      );
     } else {
       expect(screen.getByDisplayValue(value.toString())).toBeInTheDocument();
     }
@@ -45,9 +63,11 @@ export const expectModelFieldValue = (field: ModelField, instance: object) => {
   expect(screen.getByRole("label", { name: name })).toBeInTheDocument();
   if (type === "boolean") {
     expect(screen.getByTestId(value ? "CheckIcon" : "CloseIcon")).toBeInTheDocument();
+  } else if (type === "date" || type === "time" || type === "datetime") {
+    const formatedValue = format(value, field.format);
+    expect(screen.getByLabelText(name)).toHaveTextContent(formatedValue);
   } else {
     expect(screen.getByLabelText(name)).toHaveTextContent(value);
-    //expect(screen.getByText(value)).toBeInTheDocument();
   }
 };
 
@@ -74,3 +94,52 @@ export const expectAlert = async ({
   title && expect(await screen.findByText(title)).toBeInTheDocument();
   expect(await screen.findByText(message)).toBeInTheDocument();
 };
+
+export const expectToHaveBeenCalledOnceWithMockInstance = (
+  mockFn: jest.Mock,
+  instance: MockInstance,
+) => {
+  expect(mockFn).toHaveBeenCalledTimes(1);
+
+  const calledReturnTime: Date = mockFn.mock.calls[0][0].car.returnTime;
+  const calledTradeDate: Date = mockFn.mock.calls[0][0].tradeDate;
+
+  expect(mockFn).toHaveBeenCalledWith({
+    id: instance.id,
+    firstName: instance.firstName,
+    middleName: instance.middleName,
+    lastName: instance.lastName,
+    gender: instance.gender,
+    age: instance.age,
+    birthDate: instance.birthDate,
+    car: {
+      model: instance.car.model,
+      manufacturer: instance.car.manufacturer,
+      color: instance.car.color,
+      type: instance.car.type,
+      vin: instance.car.vin,
+      vrm: instance.car.vrm,
+      returnTime: new Date(
+        calledReturnTime.getFullYear(),
+        calledReturnTime.getMonth(),
+        calledReturnTime.getDate(),
+        instance.car.returnTime.getHours(),
+        instance.car.returnTime.getMinutes(),
+        calledReturnTime.getSeconds(),
+        calledReturnTime.getMilliseconds(),
+      ),
+    },
+    quantity: instance.quantity,
+    available: instance.available,
+    currency: instance.currency,
+    tradeDate: new Date(
+      instance.tradeDate.getFullYear(),
+      instance.tradeDate.getMonth(),
+      instance.tradeDate.getDate(),
+      instance.tradeDate.getHours(),
+      instance.tradeDate.getMinutes(),
+      calledTradeDate.getSeconds(),
+      calledTradeDate.getMilliseconds(),
+    ),
+  });
+};

package/src/tests/index.ts

@@ -1,3 +1,4 @@
 export * from "./components";
 export * from "./testing-library";
 export * from "./assertions";
+export * from "./actions";

package/src/tests/testing-library.tsx

@@ -4,6 +4,8 @@ import { createMemoryHistory, MemoryHistory } from "history";
 import React from "react";
 import { ThemeProvider } from "@emotion/react";
 import { Theme, createTheme, PaletteMode } from "@mui/material";
+import { LocalizationProvider } from "@mui/x-date-pickers";
+import { AdapterDateFns } from "@mui/x-date-pickers/AdapterDateFns";
 
 export type TestRouter = "router" | "memory";
 
@@ -34,7 +36,9 @@ const createWrapper =
         };
     return (
       <ThemeProvider theme={theme}>
-        <R {...routerArgs}>{children}</R>
+        <LocalizationProvider dateAdapter={AdapterDateFns}>
+          <R {...routerArgs}>{children}</R>
+        </LocalizationProvider>
       </ThemeProvider>
     );
   };