mirror of
https://github.com/diegosouzapw/OmniRoute.git
synced 2026-09-14 19:02:17 +03:00
143c087d47
Locale aliases (uk, fil/tl, zh-hant, legacy in→id) with fixed browser/CLI/cookie detection; config/i18n.json shipped in the npm package; duplicate 'in' locale retired (42 honest locales); real-translation ratio gate with ratchet baseline (advisory); add-locale orchestrator + shared libs (batched translation backend, config-generated language bars, run-translation --adopt/--targets-only, scaffold helpers); tests derive the locale count from config with surface parity guards; docs and every public locale-count claim aligned.
85 lines
3.3 KiB
TypeScript
85 lines
3.3 KiB
TypeScript
// @vitest-environment jsdom
|
|
import React from "react";
|
|
import { act } from "react";
|
|
import { createRoot } from "react-dom/client";
|
|
import { afterEach, beforeEach, describe, expect, it, vi } from "vitest";
|
|
|
|
// Regression guard (release v3.8.44 e2e finding): LocaleAutoDetect called
|
|
// router.refresh() on EVERY first visit — even when the detected browser
|
|
// locale was exactly the one the server had just rendered — re-navigating the
|
|
// page mid-interaction (Playwright: "Execution context was destroyed") and
|
|
// flashing for every new visitor. It must refresh ONLY when the detected
|
|
// locale differs from <html lang>.
|
|
|
|
const refresh = vi.fn();
|
|
vi.mock("next/navigation", () => ({
|
|
useRouter: () => ({ refresh }),
|
|
}));
|
|
|
|
describe("LocaleAutoDetect refresh gating", () => {
|
|
const cleanups: Array<() => void> = [];
|
|
|
|
beforeEach(() => {
|
|
(
|
|
globalThis as typeof globalThis & { IS_REACT_ACT_ENVIRONMENT?: boolean }
|
|
).IS_REACT_ACT_ENVIRONMENT = true;
|
|
refresh.mockClear();
|
|
// Fresh visit: no locale cookie.
|
|
document.cookie = "NEXT_LOCALE=; path=/; expires=Thu, 01 Jan 1970 00:00:00 GMT";
|
|
Object.defineProperty(navigator, "languages", { value: ["en-US"], configurable: true });
|
|
});
|
|
|
|
afterEach(() => {
|
|
while (cleanups.length) cleanups.pop()?.();
|
|
});
|
|
|
|
async function mount() {
|
|
const { LocaleAutoDetect } = await import("@/shared/components/LocaleAutoDetect");
|
|
const container = document.createElement("div");
|
|
document.body.appendChild(container);
|
|
const root = createRoot(container);
|
|
await act(async () => {
|
|
root.render(React.createElement(LocaleAutoDetect));
|
|
});
|
|
cleanups.push(() => {
|
|
root.unmount();
|
|
container.remove();
|
|
});
|
|
}
|
|
|
|
it("does NOT refresh when the detected locale equals the server-rendered <html lang>", async () => {
|
|
document.documentElement.lang = "en";
|
|
await mount();
|
|
expect(refresh).not.toHaveBeenCalled();
|
|
});
|
|
|
|
it("refreshes when the detected locale differs from the server-rendered <html lang>", async () => {
|
|
document.documentElement.lang = "fr";
|
|
await mount();
|
|
expect(refresh).toHaveBeenCalledTimes(1);
|
|
});
|
|
|
|
// Alias wiring guard: the component must hand `LOCALE_ALIASES` to
|
|
// `detectBrowserLocale`. `fil` (Filipino) is the discriminating input — no
|
|
// locale code starts with `fil`, so with the real config it resolves to `phi`
|
|
// ONLY through the declared alias; a forgotten third argument yields null and
|
|
// no cookie is written.
|
|
it("persists the aliased locale for a Filipino browser (fil → phi)", async () => {
|
|
document.documentElement.lang = "en";
|
|
Object.defineProperty(navigator, "languages", { value: ["fil"], configurable: true });
|
|
await mount();
|
|
expect(document.cookie).toContain("NEXT_LOCALE=phi");
|
|
expect(refresh).toHaveBeenCalledTimes(1);
|
|
});
|
|
|
|
// Script-tagged Traditional Chinese must not fall through to zh-CN (Simplified,
|
|
// the first zh-* locale in config order): `zh-hant` is a declared alias of zh-TW.
|
|
it("persists zh-TW for a zh-Hant-TW browser, not zh-CN", async () => {
|
|
document.documentElement.lang = "en";
|
|
Object.defineProperty(navigator, "languages", { value: ["zh-Hant-TW"], configurable: true });
|
|
await mount();
|
|
expect(document.cookie).toContain("NEXT_LOCALE=zh-TW");
|
|
expect(refresh).toHaveBeenCalledTimes(1);
|
|
});
|
|
});
|