cesnimda
39 lines
2.0 KiB
TypeScript
39 lines
2.0 KiB
TypeScript
import React from "react";
|
|
import "@testing-library/jest-dom";
|
|
import { render, screen } from "@testing-library/react";
|
|
import ViewStateNotice from "./components/ViewStateNotice";
|
|
import { I18nProvider } from "./i18n/I18nProvider";
|
|
import { translations } from "./i18n/translations";
|
|
|
|
test.each(["en", "nb"] as const)("[PRES-E08] %s loading/error/recovery updates one persistent polite region", language => {
|
|
localStorage.setItem("uiLanguage", language);
|
|
const t = translations[language];
|
|
const error = { kind: "unavailable" as const, message: "Unavailable", retryable: true };
|
|
const view = (loading: boolean, failed = false) => <I18nProvider><ViewStateNotice loading={loading} error={failed ? error : null} title="Companies" /></I18nProvider>;
|
|
const { rerender } = render(view(true));
|
|
const status = screen.getByRole("status");
|
|
expect(status).toHaveTextContent(t.loading);
|
|
expect(status).toHaveAttribute("aria-live", "polite");
|
|
expect(status).toHaveAttribute("aria-atomic", "true");
|
|
rerender(view(false, true));
|
|
expect(status).toBeEmptyDOMElement();
|
|
expect(screen.getByRole("alert")).toHaveTextContent("Unavailable");
|
|
rerender(view(false));
|
|
expect(screen.getByRole("status")).toBe(status);
|
|
expect(status).toHaveTextContent(language === "en" ? "Content loaded." : "Innhold lastet.");
|
|
rerender(view(false));
|
|
expect(screen.getByRole("status")).toBe(status);
|
|
expect(screen.queryByRole("progressbar")).not.toBeInTheDocument();
|
|
localStorage.clear();
|
|
});
|
|
|
|
test("[PRES-E08] idle/error-only notices do not invent a load completion; later loading still announces", () => {
|
|
const view = (loading = false) => <I18nProvider><ViewStateNotice loading={loading} title="Jobs" /></I18nProvider>;
|
|
const { rerender } = render(view());
|
|
expect(screen.getByRole("status")).toBeEmptyDOMElement();
|
|
rerender(view(true));
|
|
expect(screen.getByRole("status")).toHaveTextContent("Loading...");
|
|
rerender(view());
|
|
expect(screen.getByRole("status")).toHaveTextContent("Content loaded.");
|
|
});
|