Which testing frameworks are supported?

The skill provides guidance for Playwright, Cypress, Vitest, Jest, and Testing Library (React/Vue/DOM).

How does this skill help with flaky tests?

It provides a specific checklist for eliminating nondeterminism by seeding RNG, freezing time, controlling network variability, and replacing sleeps with explicit readiness signals.

Can I use this for game development?

Yes, it includes specific patterns for testing Canvas and WebGL games like Phaser, focusing on deterministic input and state-based assertions via window hooks.

Does it support visual regression testing?

Yes, it includes strategies for pixel-perfect assertions by locking viewports, fonts, and animation timing to ensure consistent screenshots in CI.

Playwright & Frontend Testing

Name: Playwright & Frontend Testing
Author: Mineru98

byMineru98

0•

Security & Testing

Implement, debug, and stabilize frontend tests across unit, integration, and E2E layers with a focus on determinism and canvas-based games.

This skill provides comprehensive guidance for creating reliable frontend test suites using industry-standard tools like Playwright, Vitest, and React Testing Library. It emphasizes a 'confidence per minute' philosophy, helping developers eliminate flaky tests, manage nondeterminism in complex UIs—including Phaser and WebGL games—and implement robust CI/CD signals. By prioritizing testable seams and observable application states over brittle implementation details, it ensures that test failures are actionable and meaningful, enabling safe refactors and faster delivery.

Key Features

01Specialized patterns for testing Canvas and WebGL-based games

02Visual regression and accessibility (a11y) testing implementation

03Comprehensive E2E, integration, and unit testing strategy guidance

04Ready-to-use patterns for Playwright MCP browser automation tools

05Flake reduction techniques for deterministic CI/CD environments

060 GitHub stars

Use Cases

01Setting up a visual regression pipeline to catch UI regressions in real browsers

02Stabilizing a flaky E2E test suite in a React or Vue application

03Implementing deterministic automated testing for a Phaser-based web game

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add mineru98/vibe-2d-games playwright-testing

For use in Claude.ai and ChatGPT

Download Skill