feat: extend agent-driven map workbench

2026-07-20 19:57:35 +08:00
parent 86e9b08235
commit 7fbd8a5618
63 changed files with 4506 additions and 457 deletions
@@ -0,0 +1,85 @@
+import { expect, test } from "playwright/test";
+
+test("speech capability detection preserves the server hydration tree", async ({ page }) => {
+  const hydrationErrors: string[] = [];
+
+  page.on("console", (message) => {
+    if (message.type() === "error" && /hydration|server rendered html/i.test(message.text())) {
+      hydrationErrors.push(message.text());
+    }
+  });
+
+  await page.addInitScript(() => {
+    Object.defineProperty(window, "SpeechRecognition", {
+      configurable: true,
+      value: class SpeechRecognition {}
+    });
+  });
+  await page.goto("/", { waitUntil: "networkidle" });
+
+  await expect(page.getByRole("button", { name: "语音输入" })).toBeVisible();
+  await expect(page.getByRole("button", { name: "权限批准模式" })).toBeVisible();
+  expect(hydrationErrors).toEqual([]);
+});
+
+test("speech recognition failure clears the active animation and explains the error", async ({ page }) => {
+  await page.addInitScript(() => {
+    Object.defineProperty(window, "SpeechRecognition", {
+      configurable: true,
+      value: class SpeechRecognition {
+        onerror: ((event: { error: string }) => void) | null = null;
+        onend: (() => void) | null = null;
+
+        start() {
+          window.setTimeout(() => {
+            this.onerror?.({ error: "not-allowed" });
+            this.onend?.();
+          }, 20);
+        }
+
+        stop() {
+          this.onend?.();
+        }
+
+        abort() {}
+      }
+    });
+  });
+  await page.goto("/", { waitUntil: "networkidle" });
+
+  await page.getByRole("button", { name: "语音输入" }).click();
+
+  await expect(page.getByRole("button", { name: "语音输入" })).toHaveAttribute("aria-pressed", "false");
+  await expect(page.locator('[data-slot="voice-input-pulse"]')).toHaveCount(0);
+  await expect(page.getByText("无法使用麦克风，请在浏览器地址栏允许麦克风权限后重试")).toBeVisible();
+});
+
+test("speech recognition writes final transcript into the prompt", async ({ page }) => {
+  await page.addInitScript(() => {
+    Object.defineProperty(window, "SpeechRecognition", {
+      configurable: true,
+      value: class SpeechRecognition {
+        onresult: ((event: { resultIndex: number; results: Array<Array<{ transcript: string }> & { isFinal: boolean }> }) => void) | null = null;
+        onend: (() => void) | null = null;
+
+        start() {
+          window.setTimeout(() => {
+            const result = Object.assign([{ transcript: "检查城南泵站水位" }], { isFinal: true });
+            this.onresult?.({ resultIndex: 0, results: [result] });
+          }, 20);
+        }
+
+        stop() {
+          this.onend?.();
+        }
+
+        abort() {}
+      }
+    });
+  });
+  await page.goto("/", { waitUntil: "networkidle" });
+
+  await page.getByRole("button", { name: "语音输入" }).click();
+
+  await expect(page.getByPlaceholder("输入调度问题，Agent 将通过后端会话流式响应")).toHaveValue("检查城南泵站水位");
+});