@truedat/test 8.12.5 → 8.12.7

package/README.md

@@ -1,3 +1,16 @@
 # Truedat Web Test
 
 Testing support for Truedat Web Modules.
+
+Use `renderWithIntl` from `@truedat/test/renderWithIntl` for components that only
+need internationalization. It accepts `locale`, `messages` keyed by locale, and
+Testing Library render options. Pass `fallback` to add a Suspense boundary for
+components that suspend. It does not install fake timers; configure timers and
+the clock explicitly in tests that need them.
+
+Import `waitForLoad` from `@truedat/test/waitForLoad` when a component has loading
+indicators. This standalone helper does not mount providers or install timers.
+
+Use Testing Library's plain `render` for components without provider dependencies.
+Use `render` from `@truedat/test/render` when tests need the full Redux, Apollo,
+router, and internationalization setup.

package/package.json

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

package/src/__tests__/renderWithIntl.spec.js

@@ -0,0 +1,20 @@
+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();
+  });
+});

package/src/render.js

@@ -1,6 +1,6 @@
 import { Suspense } from "react";
 import { MockedProvider } from "@apollo/client/testing";
-import { render, waitFor } from "@testing-library/react";
+import { render } from "@testing-library/react";
 import { IntlProvider } from "react-intl";
 import { configureStore } from "@reduxjs/toolkit";
 import { Provider } from "react-redux";
@@ -82,16 +82,5 @@ const customRender = (
   return render(component, { wrapper: Wrapper, ...renderOptions });
 };
 
-export const waitForLoad = async (
-  { container, queryByText },
-  fallback = /loading/i,
-  options,
-) => {
-  await waitFor(() => {
-    if (fallback) expect(queryByText(fallback)).not.toBeInTheDocument();
-    expect(container.querySelector(".loader")).not.toBeInTheDocument();
-    expect(container.querySelector(".loading")).not.toBeInTheDocument();
-  }, options);
-};
-
+export { waitForLoad } from "./waitForLoad";
 export { customRender as render };

package/src/renderWithIntl.js

@@ -0,0 +1,28 @@
+import { Suspense } from "react";
+import { render } from "@testing-library/react";
+import { IntlProvider } from "react-intl";
+
+export const renderWithIntl = (
+  component,
+  { locale = "en", messages = { en: {} }, fallback, ...renderOptions } = {},
+) => {
+  // eslint-disable-next-line react/prop-types
+  function Wrapper({ children }) {
+    return (
+      <IntlProvider
+        onError={() => {}}
+        locale={locale}
+        defaultLocale={locale}
+        messages={messages[locale]}
+      >
+        {fallback === undefined ? (
+          children
+        ) : (
+          <Suspense fallback={fallback}>{children}</Suspense>
+        )}
+      </IntlProvider>
+    );
+  }
+
+  return render(component, { wrapper: Wrapper, ...renderOptions });
+};

package/src/waitForLoad.js

@@ -0,0 +1,13 @@
+import { waitFor } from "@testing-library/react";
+
+export const waitForLoad = async (
+  { container, queryByText },
+  fallback = /loading/i,
+  options,
+) => {
+  await waitFor(() => {
+    if (fallback) expect(queryByText(fallback)).not.toBeInTheDocument();
+    expect(container.querySelector(".loader")).not.toBeInTheDocument();
+    expect(container.querySelector(".loading")).not.toBeInTheDocument();
+  }, options);
+};