feat: align frontend runtime and Edge TTS

2026-07-22 15:01:25 +08:00
parent d2c278f0ea
commit 699a0bced4
43 changed files with 2000 additions and 73 deletions
@@ -0,0 +1,34 @@
+import { expect, test } from "playwright/test";
+
+test("top bar uses compact controls on narrow mobile viewports", async ({ page }) => {
+  await page.setViewportSize({ width: 390, height: 844 });
+  await page.goto("/", { waitUntil: "domcontentloaded" });
+
+  await expect(page.locator('meta[name="viewport"]')).toHaveAttribute(
+    "content",
+    /width=device-width/
+  );
+  await expect(page.getByRole("button", { name: "切换模拟方案" })).toBeHidden();
+  await expect(page.getByRole("button", { name: "切换地图 Dev Panel" })).toBeHidden();
+  await expect(page.getByRole("button", { name: /查看异常处置面板/ })).toBeVisible();
+});
+
+test("top bar keeps text horizontal at the desktop breakpoint", async ({ page }) => {
+  await page.setViewportSize({ width: 1024, height: 844 });
+  await page.goto("/", { waitUntil: "domcontentloaded" });
+
+  const header = page.locator("header").first();
+  await expect(header).toBeVisible();
+  await expect.poll(async () => Math.round((await header.boundingBox())?.height ?? 0)).toBe(56);
+
+  await expect.poll(async () => header.evaluate((element) => {
+    return Array.from(element.querySelectorAll("span"))
+      .filter((span) => {
+        const style = getComputedStyle(span);
+        const rect = span.getBoundingClientRect();
+        return style.display !== "none" && style.visibility !== "hidden" && rect.width > 0 && rect.height > 0;
+      })
+      .map((span) => span.textContent?.trim())
+      .filter((text) => text === "任务浮条" || text === "工况任务" || text === "异常处置").length;
+  })).toBe(0);
+});