playwright-visual-qa

分类: 数据与AI | 上传者: mtomcal | 下载: 0 | 版本: v1.0（最新）

Perform browser-based visual QA via playwright-cli: screenshots, a11y snapshot, console and network checks. Pairs well with @playwright_visual_qa.

更新日志: Source: GitHub https://github.com/mtomcal/dotfiles

目录结构

当前层级: codex/skills/playwright-visual-qa/

📄 SKILL.md 1.1 KB

SKILL.md

---
name: playwright-visual-qa
description: "Perform browser-based visual QA via playwright-cli: screenshots, a11y snapshot, console and network checks. Pairs well with @playwright_visual_qa."
metadata:
  short-description: Visual QA with Playwright CLI
---

# Playwright Visual QA

Use this skill to do quick, repeatable visual QA against a URL using `playwright-cli`.

## Prerequisite

Verify `playwright-cli` exists:
`command -v playwright-cli`

If missing, install it (how you do this depends on your environment). If you don't have `playwright-cli`, you can also do visual QA with any Playwright setup you already use, but this skill assumes the `playwright-cli` interface.

## Workflow

1. Navigate: `playwright-cli navigate --url "<url>"`
2. Screenshot:
   - Viewport: `playwright-cli screenshot --filename viewport.png`
   - Full-page: `playwright-cli screenshot --full-page --filename full.png`
3. Accessibility: `playwright-cli snapshot`
4. Console: `playwright-cli console`
5. Network: `playwright-cli network`
6. Report issues (layout/a11y/console/network) with severity and suggested fixes.
7. Close: `playwright-cli close`

登录后下载/点赞/收藏 ❤ 2 | ★ 0

playwright-visual-qa

目录结构

SKILL.md

举报内容

提示