Enforce Vitest and Testing Library patterns for frontend tests.
npx skills add https://github.com/theofernandezz/ai-library --skill testing-theofernandezz
Please help me install this Agent Skill. Skill: testing Source: https://github.com/theofernandezz/ai-library/tree/main/.opencode/skills/testing Command: npx skills add https://github.com/theofernandezz/ai-library --skill testing-theofernandezz
Establishes clear, reusable frontend testing conventions using Vitest and Testing Library to reduce flaky tests and speed up development.
Install Vitest and Testing Library and begin applying the recommended testing patterns to your React tests.
High-intent search queries and answers about installing and using this skill.
Vitest and Testing Library best practices include co-locating tests, following Arrange-Act-Assert patterns, using role-based queries, and avoiding testing implementation details. This ensures reliability and consistency across SaaS frontends while reducing flaky tests.
Mock API requests in React tests using MSW to simulate realistic network behavior. MSW works with Vitest and Testing Library to intercept requests, providing consistent test data and isolating frontend components from backend dependencies.
Use userEvent over fireEvent in Testing Library because userEvent simulates realistic user behavior more accurately. Combined with Vitest, it creates reliable integration and UI tests that better reflect actual user interactions.
Yes, Vitest and Testing Library support integration tests in SaaS frontends. Architecture guidance covers unit, integration, and UI tests, with patterns for resilient error and loading state handling using MSW for API mocking.
Avoid testing implementation details, using non-role-based queries, and skipping error/loading state checks when using Vitest with React. Forbidden patterns are codified to enforce robust frontend testing practices and maintain consistency across your test suite.
oakossProvides Vitest and Testing Library examples for UI testing React components and utilities.
StrategicMilkIdentify untested code paths and generate test specifications with a JSON report.
exceptionlessWrites and executes Svelte component tests using Vitest and Testing Library.
heaptracetechnologyAutomate end-to-end browser tests for multi-step user journeys with Playwright or Cypress.
