Standardize React/Next.js testing across unit, component, integration, and end-to-end layers.
npx skills add https://github.com/Naw3/skillsrepo --skill testing-patterns-naw3
Please help me install this Agent Skill. Skill: testing-patterns Source: https://github.com/Naw3/skillsrepo/tree/main/testing-patterns Command: npx skills add https://github.com/Naw3/skillsrepo --skill testing-patterns-naw3
This skill standardizes testing across unit, component, integration, and end-to-end layers for React/Next.js apps.
Install dependencies: npm install -D vitest @testing-library/react @testing-library/jest-dom @testing-library/user-event @playwright/test msw Create a basic vitest.config.ts with environment: jsdom and a setup file to import jest-dom and clean up between tests. Organize tests under tests/ with folders for unit/, component/, integration/, and e2e/ and add example tests that demonstrate Vitest, RTL, and Playwright usage.
High-intent search queries and answers about installing and using this skill.
Standardize React testing by organizing folders into unit, component, integration, and e2e directories, applying Vitest for units, React Testing Library for components, and Playwright for end-to-end scenarios.
Set up Vitest and React Testing Library by installing dependencies, creating a vitest.config.ts with the jsdom environment, and adding a setup file to import jest-dom and clean up between tests.
Yes, you can use MSW for API mocking within Playwright end-to-end tests to isolate network requests and create ready-to-use, consistent end-to-end scenarios for your React application.
Organize React tests under a dedicated tests directory separated into unit, component, integration, and e2e folders, establishing clear conventions for mocks and utilities across Vitest and Playwright.
Yes, configuring the jsdom environment in vitest.config.ts is required for Vitest component testing to simulate the browser DOM needed by React Testing Library.
Vitest provides fast, consistent feedback during development for React component testing, offering a modern, Vite-native alternative to Jest with compatible React Testing Library support.
MakisuoInstall and configure a local ClickHouse environment with clickhousectl.
mehdicGenerate comprehensive test coverage reports for Python, JavaScript, Go & Java projects.
TitoPrauseeMove @testing-library/jest-dom to setupFilesAfterEnv to fix Jest DOM matchers.
partme-aiGuide Cypress end-to-end and component testing with CI/CD configuration.
