Menu
Implement UI tests using Testing Library priority queries and table-driven approach, verifying from the user's perspective with minimal mocks.
Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.
Based on SOC occupation classification
Next.js 15 Pages Router frontend development. Feature-based + Container/Presenter pattern, MUI v7 + Emotion CSS-in-JS.
Build API client tests with Vitest and MockHandler. Validate OpenAPI contract compliance with table-driven tests and minimal mocks.
Next.js 15 + Cloudflare Workers + @vspo-lab/api client. Result-type error handling, OpenAPI-generated client, feature-based architecture.
PR/code review based on architecture rules. Detects violations of UseCase implementation rules, Result type, and JSDoc conventions.
Create a conventional commit. No Co-Authored-By trailer.
Design tokens (OKLch), color palette, typography, UI patterns, accessibility (WCAG 2.2).
| name | ui-testing |
| description | Implement UI tests using Testing Library priority queries and table-driven approach, verifying from the user's perspective with minimal mocks. |
docs/testing/ui-testing.mdgetByRole as the preferred query for element selectionit.each to enumerate state/props variationsdocs/testing/ui-testing.mddocs/web-frontend/twada-tdd.md