菜单
Set up Playwright + Testcontainers + axe-core for e2e and accessibility testing. Includes patterns for forms, tables, workflows. Use when setting up e2e tests or writing Playwright tests.
默认使用会先检查来源的 Prompt；你也可以切换为直接命令，或下载本地副本。
决定是否安装前，请先阅读 SKILL.md，以及 SkillsMP 当前展示的配套文件。
用 Codex 或 Claude 帮你安装 复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。
直接命令不会经过审查 Prompt；运行前请先检查来源。
npx skills add https://github.com/redpanda-data/ui-harness --skill setup-e2e-testing命令会保持在同一行。复制前请横向滚动并检查完整内容。
想先保存到本地？可下载 SkillsMP 当前能够提供的文件。
Snyk dependency sweeps across frontend, Go, and Bazel paths with npm false-positive triage and release-age gates.
Generate Codex hooks.json and AGENTS.md from Claude Code hooks. Maps supported hooks directly, including Edit|Write apply_patch aliases, and keeps Stop batch checks only as fallback. Use when setting up Codex compatibility or dual-agent support.
Question changed code as liability and remove unjustified surface area. Use before commit, push, PR, merge, or when a change feels overbuilt or low-value.
基于 SOC 职业分类
正在显示 SKILL.md
| name | setup-e2e-testing |
| description | Set up Playwright + Testcontainers + axe-core for e2e and accessibility testing. Includes patterns for forms, tables, workflows. Use when setting up e2e tests or writing Playwright tests. |
| paths | ["e2e/**/*.spec.ts","playwright.config.ts"] |
e2e/*.spec.ts -- all e2e tests use .spec.tslogin.spec.ts, create-topic.spec.tsgetByRole > getByLabel > getByText > getByTestId > CSS{feature}-{element}, {feature}-{element}-{index}, {feature}-{state}import { test, expect } from '../fixtures/base'
test('page is accessible', async ({ page, makeAxeBuilder }) => {
await page.goto('/topics/create')
const results = await makeAxeBuilder().analyze()
expect(results.violations).toEqual([])
})
Monitor: bun run test:e2e -- stream results, react fail before suite finish.
| Task | Tool |
|---|---|
| Test suites | Playwright via Monitor: bun run test:e2e |
| Generate selectors | agent-browser snapshot (a11y tree) |
| Visual smoke test | agent-browser screenshot --annotate |
| Interactive debug | Playwright UI mode |
| CI | Playwright |
| AI page inspection | agent-browser |
Setup (install, config, fixtures, Testcontainers): see SETUP.md.