peter
b515c16117
An action label was translated when the notice was raised, so after a language switch a live toast or center row read in one language with its button in the other. The access-requests nudge no longer re-issues on a switch for it. New tests: the button and a server refusal follow a switch.
105 lines
3.7 KiB
TypeScript
105 lines
3.7 KiB
TypeScript
// @vitest-environment jsdom
|
|
//
|
|
// A notice is said in the reader's language when it is shown, not in the one it was raised in. The
|
|
// text used to be translated by the caller and kept so: after a language switch every toast and every
|
|
// row of the notification center stayed in the old language, and so did the history after a reload.
|
|
import { afterEach, beforeEach, describe, expect, it, vi } from "vitest";
|
|
import { act, cleanup, render, screen } from "@testing-library/react";
|
|
import i18n from "../../i18n";
|
|
import Toaster from "./Toaster";
|
|
import { clearAll, msg, notify, raw, sayNotif } from "../../lib/notifications";
|
|
|
|
beforeEach(async () => {
|
|
await i18n.changeLanguage("en");
|
|
});
|
|
afterEach(async () => {
|
|
cleanup();
|
|
act(() => clearAll());
|
|
await i18n.changeLanguage("en");
|
|
});
|
|
|
|
describe("a notice speaks the reader's language of the moment", () => {
|
|
it("a toast raised in English reads Hungarian after the switch", async () => {
|
|
render(<Toaster />);
|
|
act(() => void notify({ level: "success", message: msg("common.copy.done") }));
|
|
const en = i18n.getFixedT("en")("common.copy.done");
|
|
const hu = i18n.getFixedT("hu")("common.copy.done");
|
|
expect(en).not.toBe(hu);
|
|
expect(screen.getByText(en)).toBeTruthy();
|
|
|
|
await act(async () => void (await i18n.changeLanguage("hu")));
|
|
expect(screen.getByText(hu)).toBeTruthy();
|
|
expect(screen.queryByText(en)).toBeNull();
|
|
});
|
|
|
|
it("its button is said again too, beside the text it acts on", async () => {
|
|
render(<Toaster />);
|
|
act(
|
|
() =>
|
|
void notify({
|
|
message: msg("common.copy.done"),
|
|
action: { label: msg("common.undo"), onClick: () => {} },
|
|
}),
|
|
);
|
|
expect(screen.getByRole("button", { name: "Undo" })).toBeTruthy();
|
|
|
|
await act(async () => void (await i18n.changeLanguage("hu")));
|
|
expect(screen.getByRole("button", { name: "Visszavonás" })).toBeTruthy();
|
|
expect(screen.queryByRole("button", { name: "Undo" })).toBeNull();
|
|
});
|
|
|
|
it("a server refusal is said again in the language of the moment", async () => {
|
|
render(<Toaster />);
|
|
act(
|
|
() =>
|
|
void notify({
|
|
level: "error",
|
|
message: { detail: { code: "not_found", reason: "view" } },
|
|
}),
|
|
);
|
|
expect(screen.getByText("This view doesn't exist any more")).toBeTruthy();
|
|
|
|
await act(async () => void (await i18n.changeLanguage("hu")));
|
|
expect(screen.getByText("Ez a nézet már nem létezik")).toBeTruthy();
|
|
});
|
|
|
|
it("a value inside the text is said again too, and a number is grouped the reader's way", async () => {
|
|
const text = msg("settings.takeout.read", {
|
|
name: raw("watch-history.json"),
|
|
count: 12345,
|
|
n: { number: 12345 },
|
|
});
|
|
const en = sayNotif(text);
|
|
await i18n.changeLanguage("hu");
|
|
const hu = sayNotif(text);
|
|
expect(en).toContain("12,345");
|
|
expect(hu).not.toContain("12,345");
|
|
expect(hu).toContain("watch-history.json");
|
|
expect(hu).not.toBe(en);
|
|
});
|
|
});
|
|
|
|
describe("the history kept from before", () => {
|
|
beforeEach(() => {
|
|
localStorage.clear();
|
|
vi.resetModules();
|
|
});
|
|
|
|
it("shows a notice stored as text as it was stored", async () => {
|
|
localStorage.setItem("siftlode.owner", "5");
|
|
localStorage.setItem(
|
|
"siftlode.notifications",
|
|
JSON.stringify([
|
|
{ id: 1, level: "info", title: "Old title", message: "Old text", ts: 1, read: true },
|
|
]),
|
|
);
|
|
const notifications = await import("../../lib/notifications");
|
|
const { claimLocalData } = await import("../../lib/storage");
|
|
claimLocalData(5);
|
|
const n = notifications.getNotifications()[0]!;
|
|
expect(n.message).toEqual(raw("Old text"));
|
|
expect(n.title).toEqual(raw("Old title"));
|
|
expect(notifications.sayNotif(n.message)).toBe("Old text");
|
|
});
|
|
});
|