@truedat/test 8.12.7 → 8.12.11

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@truedat/test",
-  "version": "8.12.7",
+  "version": "8.12.11",
   "description": "Truedat Web Test",
   "sideEffects": false,
   "module": "src/index.js",
@@ -66,5 +66,5 @@
   "dependencies": {
     "react-router": "^8.3.0"
   },
-  "gitHead": "dae06fd2f915163d5f1e7e3f26c414c8ee9bf055"
+  "gitHead": "48671e0f1467f7713019ab8d729818c741fa9bc7"
 }

package/src/__tests__/render.spec.js

@@ -1,33 +1,58 @@
-import { screen, waitFor } from "@testing-library/react";
+import { lazy } from "react";
+import { MockedProvider } from "@apollo/client/testing";
+import { configureStore } from "@reduxjs/toolkit";
+import { screen } from "@testing-library/react";
+import { FormattedMessage } from "react-intl";
+import { Provider } from "react-redux";
+import { MemoryRouter } from "react-router";
 import { render, waitForLoad } from "../render";
+import { renderWithIntl } from "../renderWithIntl";
 
-describe("render utility", () => {
-  it("renders components with default options", () => {
-    const TestComponent = () => <div>Test Component</div>;
-    render(<TestComponent />);
-    expect(screen.getByText("Test Component")).toBeInTheDocument();
-  });
-
-  it("provides redux store with initial state", () => {
-    const initialState = { user: { name: "Test User" } };
-    const TestComponent = () => {
-      return <div>State Test</div>;
-    };
+jest.mock("@apollo/client/testing", () => ({
+  MockedProvider: jest.fn(({ children }) => children),
+}));
+jest.mock("@reduxjs/toolkit", () => ({
+  configureStore: jest.fn(() => ({ dispatch: jest.fn() })),
+}));
+jest.mock("react-redux", () => ({
+  Provider: jest.fn(({ children }) => children),
+}));
+jest.mock("react-router", () => ({
+  MemoryRouter: jest.fn(({ children }) => children),
+}));
 
-    render(<TestComponent />, { state: initialState });
-    expect(screen.getByText("State Test")).toBeInTheDocument();
-  });
+describe("render utility", () => {
+  it("configures its providers and renders the component", () => {
+    const state = { user: { name: "Test User" } };
+    const reducer = (currentState) => currentState;
+    const routes = ["/test-route"];
+    const mocks = [];
+    const dispatch = jest.fn();
 
-  it("handles routing with MemoryRouter", () => {
-    const TestComponent = () => <div>Route Test</div>;
-    render(<TestComponent />, { routes: ["/test-route"] });
-    expect(screen.getByText("Route Test")).toBeInTheDocument();
-  });
+    render(<div>Test Component</div>, {
+      state,
+      reducer,
+      routes,
+      routeIndex: 0,
+      mocks,
+      dispatch,
+    });
 
-  it("handles Apollo mocks", async () => {
-    const TestComponent = () => <div>Apollo Test</div>;
-    render(<TestComponent />, { mocks: [] });
-    expect(screen.getByText("Apollo Test")).toBeInTheDocument();
+    expect(configureStore).toHaveBeenCalledWith({
+      preloadedState: state,
+      reducer,
+    });
+    expect(configureStore.mock.results[0].value.dispatch).toBe(dispatch);
+    expect(MemoryRouter.mock.calls[0][0]).toEqual(
+      expect.objectContaining({ initialEntries: routes, initialIndex: 0 }),
+    );
+    expect(Provider.mock.calls[0][0]).toEqual(
+      expect.objectContaining({ store: configureStore.mock.results[0].value }),
+    );
+    expect(MockedProvider.mock.calls[0][0]).toEqual(
+      expect.objectContaining({ mocks, addTypename: false }),
+    );
+    expect(screen.getByText("Test Component")).toBeInTheDocument();
   });
 
   describe("waitForLoad", () => {
@@ -42,6 +67,7 @@ describe("render utility", () => {
       );
 
       const renderResult = render(<TestComponent />);
+      const defaultReducer = configureStore.mock.calls.at(-1)[0].reducer;
 
       // Simulate loader disappearing
       setTimeout(() => {
@@ -50,7 +76,25 @@ describe("render utility", () => {
       }, 100);
 
       await waitForLoad(renderResult);
+      expect(defaultReducer({ ready: true })).toEqual({ ready: true });
       expect(screen.getByText("Content")).toBeInTheDocument();
     });
   });
 });
+
+describe("renderWithIntl", () => {
+  it("keeps the Suspense boundary and messages when rerendering", async () => {
+    const LazyMessage = lazy(async () => ({
+      default: () => <FormattedMessage id="ready" />,
+    }));
+    const rendered = renderWithIntl(<div>Initial</div>, {
+      messages: { en: { ready: "Ready" } },
+      fallback: <div>Loading</div>,
+    });
+
+    rendered.rerender(<LazyMessage />);
+
+    expect(rendered.getByText("Loading")).toBeInTheDocument();
+    expect(await rendered.findByText("Ready")).toBeInTheDocument();
+  });
+});

package/src/__tests__/renderWithIntl.spec.js

@@ -1,20 +0,0 @@
-import { lazy } from "react";
-import { FormattedMessage } from "react-intl";
-import { renderWithIntl } from "../renderWithIntl";
-
-describe("renderWithIntl", () => {
-  it("keeps the Suspense boundary and messages when rerendering", async () => {
-    const LazyMessage = lazy(async () => ({
-      default: () => <FormattedMessage id="ready" />,
-    }));
-    const rendered = renderWithIntl(<div>Initial</div>, {
-      messages: { en: { ready: "Ready" } },
-      fallback: <div>Loading</div>,
-    });
-
-    rendered.rerender(<LazyMessage />);
-
-    expect(rendered.getByText("Loading")).toBeInTheDocument();
-    expect(await rendered.findByText("Ready")).toBeInTheDocument();
-  });
-});