Do I need to have Playwright installed to use this skill?

The skill assumes a Playwright environment and uses 'npx playwright test' as its primary execution command.

What testing best practices does this skill enforce?

The skill prioritizes using data-testid for resilient selectors, discourages 'networkidle' to prevent flaky tests, and mandates short timeouts for better performance.

Can I use this skill for debugging existing Playwright tests?

Yes, the skill is designed to run tests and iteratively modify code until those tests pass, making it ideal for both new development and debugging.

How does the TDD Playwright skill improve my workflow?

It automates the repetitive cycle of writing a failing test, implementing the minimum code to pass, and refactoring, which ensures higher code quality and fewer regressions.

Does it support specific file naming conventions?

Yes, it follows standard conventions like using *.spec.ts for test files and *.hook.ts for hook files to keep your project organized.

TDD Playwright

Name: TDD Playwright
Author: gharam1234

bygharam1234

セキュリティとテスト

Automates the test-driven development lifecycle using Playwright to ensure robust web application functionality through iterative testing and implementation.

概要

The TDD Playwright skill integrates Test-Driven Development principles directly into your workflow, leveraging the Playwright framework for end-to-end testing. It guides developers through the cycle of writing specifications, executing tests, and implementing code until requirements are met. By enforcing best practices such as data-testid selection, efficient timeout management, and avoiding unreliable network states, this skill ensures that your automated browser tests are performant, maintainable, and highly reliable.

主な機能

Automated TDD workflow (Write-Run-Implement-Refactor)
Enforcement of Playwright best practices and naming conventions
Optimized element selection using data-testid attributes
0 GitHub stars
Strict performance-focused timeout and wait configurations
Iterative debugging until all test cases pass

ユースケース

Building new frontend features with a test-first approach
Creating reliable end-to-end test suites for web applications
Refactoring legacy codebases while ensuring functional parity

概要

主な機能

Automated TDD workflow (Write-Run-Implement-Refactor)
Enforcement of Playwright best practices and naming conventions
Optimized element selection using data-testid attributes
0 GitHub stars
Strict performance-focused timeout and wait configurations
Iterative debugging until all test cases pass

ユースケース

Building new frontend features with a test-first approach
Creating reliable end-to-end test suites for web applications
Refactoring legacy codebases while ensuring functional parity