Skip to content

Search skills.../

Agent Skill Search Engine

Search

Search
Categories
Occupations

About

About
Privacy
Terms

© 2026 Skills Pool. All rights reserved.

Sketch Playwright Qa | Skills Pool

Skill File

Sketch Playwright Qa

Playwright QA workflow for Sketch Magic. Use when running mobile flow tests, visual baselines, snapshot updates, or debugging flaky WebKit/Chromium runs and port conflicts.

joelklabo0 starsJan 6, 2026

Occupation
Categories: Testing

Skill Content

41:T467,

Sketch Playwright QA

Overview

Standardize Playwright test runs for mobile flow and visual baselines, including snapshot updates and trace review.

Quick Start

Mobile flow: PLAYWRIGHT_PORT=3020 pnpm test:e2e tests/e2e/mobile-flow.spec.ts
Visual baselines: PLAYWRIGHT_PORT=3021 pnpm test:e2e tests/e2e/visual.spec.ts
Update snapshots: append --update-snapshots

Workflow

1) Pick a port

Use a clean port (e.g., 3020–3030) to avoid conflicts.
Set PLAYWRIGHT_PORT in the command.

2) Run required suites

Mobile flow: tests/e2e/mobile-flow.spec.ts

Related Skills

Quick Install

Sketch Playwright Qa

npx skillvault add joelklabo/joelklabo-markdowntown-cli-codex-skills-sketch-playwright-qa-skill-md

Download Skill Open repository

Author: joelklabo
stars: 0
Updated: Jan 6, 2026
Occupation

On this page

01Sketch Playwright QA

Visual baselines: tests/e2e/visual.spec.ts

3) Handle failures

Review trace/video artifacts under test-results/.
If a snapshot mismatch is expected, re-run with --update-snapshots.
If flakiness appears, check animations or timing.

4) Record evidence

Keep a short log of commands + ports used.
Capture failing screenshots/videos when needed.
Use qa-verification for the standard evidence format.

References

references/playwright-workflow.md — exact commands, snapshot guidance, and troubleshooting.

02

Overview

051) Pick a port

062) Run required suites

073) Handle failures

084) Record evidence

Software Quality Assurance Analysts and Testers

Test

Use when you need to run tests for React core. Supports source, www, stable, and experimental channels.

Feature Flags

Use when feature flag tests fail, flags need updating, understanding @gate pragmas, debugging channel-specific test failures, or adding new flags to React.

Unit Tests

Use when running unit tests in the VS Code repo. Covers the runTests tool, scripts/test.sh (macOS/Linux) and scripts/test.bat (Windows), and their supported arguments for filtering, globbing, and debugging tests.

microsoft184.0k

Integration Tests

Use when running integration tests in the VS Code repo. Covers scripts/test-integration.sh (macOS/Linux) and scripts/test-integration.bat (Windows), their supported arguments for filtering, and the difference between node.js integration tests and extension host tests.

microsoft184.0k

Write Frontend Tests

Analyze the current branch diff against dev, plan integration tests for changed frontend pages/components, and write them. TRIGGER when user asks to write frontend tests, add test coverage, or 'write tests for my changes'.

Significant-Gravitas183.5k

Golang Testing

テスト駆動開発とGoコードの高品質を保証するための包括的なテスト戦略。

Software Quality Assurance Analysts and Testers