frontendtypescript-testing
Designs tests with React Testing Library and MSW. Applies component testing patterns.
Designs tests with React Testing Library and MSW. Applies component testing patterns.
Designs integration and E2E tests with mock boundaries and behavior verification rules. Use when writing E2E or integration tests.
็ตฑๅใในใใจE2Eใในใใ่จญ่จใใขใใฏๅข็ใจๆฏใ่ใๆค่จผใซใผใซใ้ฉ็จใE2Eใในใใ็ตฑๅใในใไฝๆๆใซไฝฟ็จใ
Vitestใในใ่จญ่จใจๅ่ณชๅบๆบใ้ฉ็จใใซใใฌใใธ่ฆไปถใจใขใใฏไฝฟ็จใฌใคใใๆไพใใฆใใใใในใไฝๆๆใซไฝฟ็จใ
React Testing LibraryใจMSWใงใในใใ่จญ่จใใณใณใใผใใณใใในใใใฟใผใณใ้ฉ็จใ
Applies Vitest test design and quality standards. Provides coverage requirements and mock usage guides. Use when writing unit tests.
TDD workflow and test strategy patterns including test pyramid, coverage strategies, mocking approaches, and anti-patterns. Load when writing tests, designing test strategies, or reviewing test coverage.
Structured code review criteria for pre-implementation plan review (Critic) and post-implementation security/quality review. Covers security, performance, maintainability, and correctness with severity ratings.
ไธไธ็ไปฃ็ ๅฎกๆฅๅฉๆ๏ผๆไพ็ปๆๅ็ๅฎกๆฅๆต็จใ่ฏฆ็ป็ๆฃๆฅๆธ ๅๅๅปบ่ฎพๆง็ๅ้ฆๆๅใ้็จไบๅฎกๆฅPull Requestใไปฃ็ ๆไบคๆไปปไฝ้่ฆไปฃ็ ่ดจ้่ฏไผฐ็ๅบๆฏ๏ผๆถต็ๅ่ฝๆงใๅฎๅ จๆงใๆง่ฝใๆต่ฏใๆๆกฃใๆถๆ่ฎพ่ฎก็ญๅคไธช็ปดๅบฆใ
Security vulnerability detection patterns including OWASP Top 10, language-specific vulnerabilities, and remediation guidance. Load when reviewing code for security issues, conducting audits, or implementing authentication/authorization.
Complete browser automation with Playwright. Auto-detects dev servers, writes clean test scripts to /tmp. Test pages, fill forms, take screenshots, check responsive design, validate UX, test login flows, check links, automate any browser task. Use when user wants to test websites, automate browser interactions, validate web functionality, or perform any browser-based testing.
ไฝฟ็จ Playwright ไธๆฌๅฐ Web ๅบ็จ็จๅบไบคไบๅ่ฟ่กๆต่ฏ็ๅทฅๅ ทๅ ใๆฏๆ้ช่ฏๅ็ซฏๅ่ฝใ่ฐ่ฏ UI ่กไธบใๆ่ทๆต่งๅจๆชๅพไปฅๅๆฅ็ๆต่งๅจๆฅๅฟใ
ๅฎกๆฅ Python ไปฃ็ ๏ผๆไพๆน่ฟๅปบ่ฎฎ๏ผ็กฎไฟไปฃ็ ่ดจ้ๅๆไฝณๅฎ่ทต
Standardized checklist and process for reviewing frontend code (.tsx, .ts, .js).
Strategic regression testing with test selection, impact analysis, and continuous regression management. Use when verifying fixes don't break existing functionality, planning regression suites, or optimizing test execution for faster feedback.
Comprehensive API testing patterns including contract testing, REST/GraphQL testing, and integration testing. Use when testing APIs or designing API test strategies.
Consumer-driven contract testing for microservices using Pact, schema validation, API versioning, and backward compatibility testing. Use when testing API contracts or coordinating distributed teams.
Conduct context-driven code reviews focusing on quality, testability, and maintainability. Use when reviewing code, providing feedback, or establishing review practices.
Test for security vulnerabilities using OWASP principles. Use when conducting security audits, testing auth, or implementing security practices.
Apply London (mock-based) and Chicago (state-based) TDD schools. Use when practicing test-driven development or choosing testing style for your context.
Systematic test design with boundary value analysis, equivalence partitioning, decision tables, state transition testing, and combinatorial testing. Use when designing comprehensive test cases, reducing redundant tests, or ensuring systematic coverage.