Write TWD in-browser tests for SPAs using Testing Library and Mock Service Worker.
npx skills add https://github.com/BRIKEV/twd --skill twd-test-writer
Please help me install this Agent Skill. Skill: twd-test-writer Source: https://github.com/BRIKEV/twd/tree/main/skills/twd-test-writer Command: npx skills add https://github.com/BRIKEV/twd --skill twd-test-writer
This Skill helps AI agents write correct TWD (Test While Developing) in-browser tests, ensuring robust and maintainable test suites for web applications.
Use the twd-test-writer skill to generate a TWD test file for the user registration page.
High-intent search queries and answers about installing and using this skill.
In-browser tests for SPAs should follow a flow-based testing philosophy, simulating realistic user interactions like typing and clicking rather than testing granular units. This approach ensures robust and maintainable test suites for web applications.
The best way to mock API requests in web application tests is using Mock Service Worker (MSW). MSW allows you to intercept and mock API requests at the network level, facilitating accurate flow-based testing without hitting real endpoints.
Using Testing Library, you simulate user interactions by selecting elements and performing actions like typing, clicking, and selecting. You then verify UI states and data through various built-in assertion methods to confirm expected behavior.
Yes, Testing Library and Mock Service Worker (MSW) work together effectively for component mocking and API mocking. This combination allows you to stub modules and mock network requests to isolate and test specific user flows in SPAs.
Common mistakes when writing async operations in TWD tests often involve improper element selection, incorrect user interaction simulations, and failing to correctly await API mocking or navigation events, leading to flaky test behavior.
TW-NLPExecute Playwright scripts to automate web application testing and debugging.
BRIKEVSet up, write, run, and debug in-browser tests with TWD.
oakossTest API endpoints with Supertest, MSW, and Zod validation.
felix-howardCoordinate Playwright, Vitest, and k6 for automated web testing across multiple types.
