fix(e2e): 素材卡片点击命中播放按钮导致选中失败

根因：Playwright 默认点击卡片中心（150px 宽卡片中心约 x=55,y=100），正好命中 36×36 播放按钮。播放按钮 stopPropagation 只切换视频播放，不会触发 onToggle 选中，因此勾选标记 ✓ 永远不出现，E2E 5s 超时失败。修复： - MaterialCard 勾选标记加 data-testid=material-card-check，卡片加 data-testid=material-card - E2E 用 testid 定位卡片，点击左上角 (15,15) 避开播放按钮 - 勾选标记断言改用 testid，避免 ✓ 字符文本匹配不稳定
2026-08-27 23:22:21 +08:00
parent 185c240557
commit 6c047cdc20
2 changed files with 8 additions and 4 deletions
@@ -190,11 +190,12 @@ test.describe("Core generation flow", () => {
    const librarySelect = page.locator("select").first()
    await librarySelect.selectOption({ label: libraryName })
    // 新 UI: 素材以 9:16 竖屏卡片展示，点击卡片选中
-    const materialCard = page.getByText(sourceFileName).locator("..")
+    // 注意：卡片中心是播放按钮（stopPropagation 会阻止选中），所以点击左上角避开
+    const materialCard = page.getByTestId("material-card").filter({ hasText: sourceFileName })
    await expect(materialCard).toBeVisible({ timeout: 10_000 })
-    await materialCard.click()
-    // 验证选中：卡片应出现勾选标记 ✓
-    await expect(materialCard.getByText("✓")).toBeVisible({ timeout: 5_000 })
+    await materialCard.click({ position: { x: 15, y: 15 } })
+    // 验证选中：卡片应出现勾选标记（用 testid 定位，避免 ✓ 字符文本匹配不稳定）
+    await expect(materialCard.getByTestId("material-card-check")).toBeVisible({ timeout: 5_000 })
    await page.getByRole("button", { name: "下一步" }).click()

    // Step 3: voice (可选步骤，新注册用户无配音素材，直接跳过)
@@ -70,6 +70,7 @@ const MaterialCard: React.FC<{

  return (
    <div
+      data-testid="material-card"
      onClick={handleCardClick}
      style={{
        position: "relative",
@@ -216,6 +217,8 @@ const MaterialCard: React.FC<{
      {/* 选中勾选标记（左上角） */}
      {checked && (
        <div
+          data-testid="material-card-check"
+          aria-label="已选中"
          style={{
            position: "absolute",
            top: 6,