e2e

E2E 命令

此命令调用 e2e-runner 代理来使用 Playwright 生成、维护和执行端到端测试。

此命令的作用

1. 生成测试旅程 - 为用户流程创建 Playwright 测试
2. 运行 E2E 测试 - 跨浏览器执行测试
3. 捕获工件 - 失败时的截图、视频、跟踪
4. 上传结果 - HTML 报告和 JUnit XML
5. 识别不稳定测试 - 隔离不稳定的测试

何时使用

在以下情况使用 /e2e：

• 测试关键用户旅程（登录、交易、支付）
• 验证多步骤流程端到端工作
• 测试 UI 交互和导航
• 验证前端和后端之间的集成
• 为生产部署做准备

工作原理

e2e-runner 代理将：

1. 分析用户流程并识别测试场景
2. 使用页面对象模型模式生成 Playwright 测试
3. 跨多个浏览器（Chrome、Firefox、Safari）运行测试
4. 捕获失败，包括截图、视频和跟踪
5. 生成包含结果和工件的报告
6. 识别不稳定测试并推荐修复方法

使用示例

User: /e2e Test the market search and view flow

Agent (e2e-runner):
# E2E Test Generation: Market Search and View Flow

## Test Scenario Identified

**User Journey:** Market Search → View Results → Click Market → View Details

**Test Coverage:**
1. Navigate to markets page
2. Perform semantic search
3. Verify search results
4. Click on first result
5. Verify market details page loads
6. Verify chart renders

## Generated Test Code

```typescript
// tests/e2e/markets/search-and-view.spec.ts
import { test, expect } from '@playwright/test'
import { MarketsPage } from '../../pages/MarketsPage'
import { MarketDetailsPage } from '../../pages/MarketDetailsPage'

test.describe('Market Search and View Flow', () => {
  test('user can search markets and view details', async ({ page }) => {
    // 1. Navigate to markets page
    const marketsPage = new MarketsPage(page)
    await marketsPage.goto()

    // Verify page loaded
    await expect(page).toHaveTitle(/Markets/)
    await expect(page.locator('h1')).toContainText('Markets')

    // 2. Perform semantic search
    await marketsPage.searchMarkets('election')

    // Wait for API response
    await page.waitForResponse(resp =>
      resp.url().includes('/api/markets/search') && resp.status() === 200
    )

    // 3. Verify search results
    const marketCards = marketsPage.marketCards
    await expect(marketCards.first()).toBeVisible()
    const resultCount = await marketCards.count()
    expect(resultCount).toBeGreaterThan(0)