(app-desk) design static LanguagePicker

Design static LanguagePicker, we will add the interactivity later.
This commit is contained in:
Anthony LC
2024-01-18 14:07:43 +01:00
committed by Anthony LC
parent 5062cac623
commit 38997fef6a
6 changed files with 109 additions and 0 deletions

View File

@@ -34,5 +34,7 @@ test.describe("Header", () => {
await expect(header.getByText("FAQ")).toBeVisible();
await expect(header.getByAltText("Cells icon")).toBeVisible();
await expect(header.getByAltText("Language Icon")).toBeVisible();
});
});

View File

@@ -0,0 +1,21 @@
import { expect, test } from "@playwright/test";
import { keyCloakSignIn } from "./common";
test.beforeEach(async ({ page }) => {
await page.goto("/");
await keyCloakSignIn(page);
});
test.describe("Language", () => {
test("checks the language picker", async ({ page }) => {
const header = page.locator("header").first();
await header.getByRole("combobox").getByText("FR").click();
await expect(
header.getByRole("option", { name: "Language Icon FR" }),
).toHaveAttribute("aria-selected", "true");
await header.getByRole("option", { name: "Language Icon EN" }).click();
await expect(header.getByRole("combobox").getByText("EN")).toBeVisible();
});
});