testing-patterns

Standardize unit and E2E testing workflows with Vitest and Playwright.

2|Updated Apr 9, 2023
One-click install
npx skills add https://github.com/Esdeveniments/esdeveniments-frontend --skill testing-patterns-esdeveniments
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: testing-patterns
Source: https://github.com/Esdeveniments/esdeveniments-frontend/tree/main/.github/skills/testing-patterns
Command: npx skills add https://github.com/Esdeveniments/esdeveniments-frontend --skill testing-patterns-esdeveniments

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill provides a structured guide for writing unit tests with Vitest and end-to-end tests with Playwright, promoting consistent conventions and reliable test coverage.

Core Features & Use Cases

  • Standardized testing patterns for unit and E2E tests across JavaScript/TypeScript projects.
  • Clear directory and naming conventions to improve maintainability and onboarding.
  • Use Case: A project adopts these patterns to ensure all features have unit tests, integration tests, and UI-driven E2E tests with cohesive structure.

Quick Start

Install dependencies and run tests:

  • yarn install
  • yarn test
  • yarn test:e2e

Frequently Asked Questions about testing-patterns

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I standardize testing patterns for JavaScript and TypeScript projects?

To standardize testing patterns for JavaScript and TypeScript projects, apply structured conventions for unit tests with Vitest and end-to-end tests with Playwright, ensuring consistent directory structures and reliable test coverage across your codebase.

What's the best way to structure unit and E2E tests across a JS application?

The best way to structure unit and E2E tests across a JS application is to enforce clear directory and naming conventions for Vitest and Playwright suites, which improves maintainability and accelerates developer onboarding.

Does this testing approach work with both Vitest and Playwright?

Yes, this testing approach works with both Vitest and Playwright, automating and standardizing software testing workflows to ensure both unit tests and UI-driven end-to-end tests maintain cohesive conventions.

Do I need specific tooling to run unit tests and E2E tests with these patterns?

You need standard npm or yarn tooling and existing test framework configurations in your repository to run unit tests and E2E tests, executing commands like yarn install, yarn test, and yarn test:e2e.

Why should I use standardized testing conventions for Vitest and Playwright?

You should use standardized testing conventions for Vitest and Playwright because they ensure all features have cohesive unit, integration, and UI-driven E2E tests, directly improving long-term maintainability and reliable coverage.

Can I use React Testing Library with these automated testing workflows?

Yes, you can use React Testing Library within these automated testing workflows to standardize component tests, complementing the Vitest unit tests and Playwright end-to-end suites covered by the established patterns.