Notes/e2e/i18n.spec.ts

import { test, expect, Page } from "@playwright/test";
import App from "./support/app";

test.afterEach(async ({ page, context }) => {
    const app = new App(page, context);
    // Ensure English is set after each locale change to avoid any leaks to other tests.
    await app.setOption("locale", "en");
});

test("Displays translation on desktop", async ({ page, context }) => {
    const app = new App(page, context);
    await app.goto();

    await expect(page.locator("#left-pane .quick-search input")).toHaveAttribute("placeholder", "Quick search");
});

test("Displays translation on mobile", async ({ page, context }) => {
    const app = new App(page, context);
    await app.goto({ isMobile: true });

    await expect(page.locator("#mobile-sidebar-wrapper .quick-search input")).toHaveAttribute("placeholder", "Quick search");
});

test("Displays translations in Settings", async ({ page, context }) => {
    const app = new App(page, context);
    await app.goto();
    await app.closeAllTabs();
    await app.goToSettings();
    await app.noteTree.getByText("Language & Region").click();

    await expect(app.currentNoteSplit).toContainText("Localization");
    await expect(app.currentNoteSplit).toContainText("Language");
});

test("User can change language from settings", async ({ page, context }) => {
    const app = new App(page, context);
    await app.goto();

    await app.closeAllTabs();
    await app.goToSettings();
    await app.noteTree.getByText("Language & Region").click();

    // Check that the default value (English) is set.
    await expect(app.currentNoteSplit).toContainText("First day of the week");
    const languageCombobox = app.currentNoteSplit.getByRole("combobox").first();
    await expect(languageCombobox).toHaveValue("en");

    // Select Chinese and ensure the translation is set.
    await languageCombobox.selectOption("cn");

    // Press the refresh button.
    await app.currentNoteSplit.getByRole("button", { name: "Restart the application" }).click();

    await expect(app.currentNoteSplit).toContainText("一周的第一天", { timeout: 15000 });
    await expect(languageCombobox).toHaveValue("cn");

    // Select English again.
    await languageCombobox.selectOption("en");
    await expect(app.currentNoteSplit).toContainText("Language", { timeout: 15000 });
    await expect(languageCombobox).toHaveValue("en");
});