Menu
Playwright 自动化测试 — 端到端测试、截图对比、表单交互、响应式测试
Installer avec Codex ou Claude Copiez ce prompt, collez-le dans Codex, Claude ou un autre assistant, puis laissez-le vérifier la page du skill et l'installer pour vous.
Basé sur la classification professionnelle SOC
学术论文全流程 — research → write → review → finalize，含文献综述、论文撰写、审稿回复
算法与数据结构 — 数组/链表/树/图/堆/哈希/DP/排序/BFS-DFS/线段树/复杂度分析
API 设计 — RESTful/GraphQL/gRPC/OpenAPI/向后兼容/版本策略
后端 API — REST/GraphQL 设计, JWT/OAuth 认证, 输入验证/限流/缓存
代码审查 — 正确性/安全/性能/可维护性审查维度, 基于严重级别的反馈流程
数据分析 — pandas/numpy 数据清洗/聚合/可视化, 统计检验/A-B测试/SQL
| name | webapp-testing |
| description | Playwright 自动化测试 — 端到端测试、截图对比、表单交互、响应式测试 |
基于 Playwright 的 Web 应用端到端测试。
npm init playwright@latest
# 或
pip install pytest-playwright
playwright install
| 模式 | 用途 |
|---|---|
| 功能测试 | 用户操作流程验证 |
| 截图对比 | 视觉回归检测 |
| 响应式测试 | 多尺寸截图 |
| 表单测试 | 输入/提交/验证 |
| API Mock | 接口模拟 |
| 性能 | Lighthouse 指标 |
const { test, expect } = require('@playwright/test');
test('用户登录流程', async ({ page }) => {
await page.goto('/login');
await page.fill('#email', 'user@example.com');
await page.fill('#password', 'password123');
await page.click('button[type="submit"]');
await expect(page.locator('.welcome')).toBeVisible();
});
test('首页视觉回归', async ({ page }) => {
await page.goto('/');
await expect(page).toHaveScreenshot('homepage.png');
});
const devices = ['iPhone 13', 'iPad Pro 11', 'Desktop'];
for (const device of devices) {
test(`页面在 ${device} 上的显示`, async ({ browser }) => {
const context = await browser.newContext({ viewport: getViewport(device) });
const page = await context.newPage();
await page.goto('/');
await expect(page).toHaveScreenshot(`${device}.png`);
});
}