blueif16/amazing-claude-code-plugins/browser-test

{
  "browser_acceptance": {
    "dev_server": "npm run dev",
    "base_url": "http://localhost:3000",
    "tests": [
      {
        "name": "Google OAuth button visible and clickable",
        "steps": [
          "Navigate to /login",
          "Verify a button containing 'Google' is visible",
          "Click the button",
          "Verify URL changes to contain '/oauth'"
        ],
        "assertions": [
          "No console errors on page load",
          "No failed network requests to /api/* endpoints"
        ]
      }
    ]
  }
}

# Quality Bars
## Dev Server
-Command: `npm run dev`
-Port: 3000
-Ready signal: "ready in" or "Local:" in stdout
 
## Browser Defaults
-No console errors on any page
-All /api/* calls return 2xx
-No horizontal overflow at 375px viewport
 
## Code Quality
-`tsc --noEmit` clean
-`npm run lint` clean

import { test, expect } from '@playwright/test';
test.describe('{task_id}: {task_title}', () => {
  let consoleErrors: string[] = [];
  test.beforeEach(async ({ page }) => {
    consoleErrors = [];
    page.on('console', msg => {
      if (msg.type() === 'error') consoleErrors.push(msg.text());
    });
  });
  test('{test_name}', async ({ page }) => {
    await page.goto('{path}');
    // Natural language steps → Playwright locators:
    // "Verify button 'Sign in' visible" →
    await expect(page.getByRole('button', { name: /sign in/i })).toBeVisible();
    // "Click the button" →
    await page.getByRole('button', { name: /sign in/i }).click();
    // "Verify URL contains '/dashboard'" →
    await expect(page).toHaveURL(/dashboard/);
    // Console error assertion (always appended)
    expect(consoleErrors).toEqual([]);
  });
});

import { defineConfig } from '@playwright/test';
export default defineConfig({
  testDir: '.',
  timeout: 30000,
  retries: 0,
  use: {
    baseURL: '{base_url}',
    screenshot: 'only-on-failure',
    trace: 'retain-on-failure',
    video: 'off',
  },
  reporter: [
    ['json', { outputFile: '../context/{task_id}-results.json' }]
  ],
});

cd .godag/tests && npx playwright test {task_id}.spec.ts \
  --config=playwright.config.ts 2>&1 | tail -20

你是测试结果分析器。读取 Playwright 结果，生成简洁判定。
 
## 输入
- JSON: .godag/context/{task_id}-results.json
- 截图: .godag/tests/test-results/ (如有)
 
## 输出
写入 .godag/context/{task_id}-verdict.md：
 
# {task_id} Browser Verdict — PASS/FAIL
 
## Results
1. ✅/❌ [test name]: [one line]
 
## Failures (only if failed)
- Error: [message, max 2 lines]
- Location: [first line of stack]
- Screenshot: [path]
 
## Console Issues (if any)
- [message, truncated to 100 chars]
 
## Root Cause Guess
[one sentence]
 
---
上限 30 行。只报告关键信息。
 
返回：
\```godag-result
{"task_id":"{task_id}-verify","summary":"PASS/FAIL: one line","acceptance_passed":true/false}
\```

你之前完成了 {task_id}，但浏览器验证失败。
 
## 上次工作摘要
{summary from original godag-result}
 
## 失败详情
读取 .godag/context/{task_id}-verdict.md 了解具体问题。
截图在 .godag/tests/test-results/ (如有)。
 
修复 verdict.md 中列出的所有失败项。

if ! curl -sf {base_url} > /dev/null 2>&1; then
  {dev_server_command} > .godag/.devserver.log 2>&1 &
  echo $! > .godag/.devserver.pid
  for i in $(seq 1 30); do
    curl -sf {base_url} > /dev/null 2>&1 && break
    sleep 1
  done
fi

[ -f .godag/.devserver.pid ] && kill $(cat .godag/.devserver.pid) 2>/dev/null && rm .godag/.devserver.pid

npx playwright --version 2>/dev/null