skills.rest
JaimeJunr
JaimeJunrCOMMUNITY
Explore all skills by this author →
GitHub

vitest-e2e-playwright-coverage

Integrate Vitest unit tests with Playwright E2E tests and enforce 75% coverage.

2|Updated Apr 11, 2026
Search Tags:#vitest#e2e#playwright#coverage#testing-library#frontend-testing#ci
One-click install
npx skills add https://github.com/JaimeJunr/context-mode --skill vitest-e2e-playwright-coverage
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: vitest-e2e-playwright-coverage
Source: https://github.com/JaimeJunr/context-mode/tree/main/.claude/skills/vitest-e2e-playwright-coverage
Command: npx skills add https://github.com/JaimeJunr/context-mode --skill vitest-e2e-playwright-coverage

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Frontend teams often struggle to maintain reliable test coverage across unit and end-to-end layers, leading to flaky tests and hidden regressions.

Core Features & Use Cases

  • Integrates Vitest unit tests with Playwright end-to-end tests to enforce a minimum coverage threshold.
  • Guides configuration for vitest.config.ts and playwright.config.ts, supports jsdom/happy-dom, and aligns with Testing Library usage to improve reliability.
  • Enables CI integration with coverage reporting (html, json-summary) and clear success/failure criteria.

Quick Start

Use Vitest and Playwright to run unit and end-to-end tests and enforce a minimum 75% test coverage across the codebase.

Frequently Asked Questions about vitest-e2e-playwright-coverage

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

FAQPage Schema
How do I enforce a minimum 75% test coverage threshold with Vitest and Playwright?▼

You can enforce a minimum 75% test coverage by integrating Vitest unit tests with Playwright E2E tests and configuring coverage thresholds within your vitest.config.ts and playwright.config.ts files.

Can I use Testing Library with jsdom and Playwright fixtures in the same frontend testing workflow?▼

Yes, this workflow aligns Testing Library usage with minimal jsdom setup for Vitest unit tests, while guiding Playwright fixtures and timeouts configuration for your end-to-end tests.

What is the best way to configure Vitest and Playwright for combined unit and E2E coverage?▼

The best way is configuring vitest.config.ts for unit tests with jsdom or happy-dom, and playwright.config.ts for E2E tests, enforcing a 75% threshold and utilizing provided documentation references.

Does this Vitest and Playwright integration support React, Vue, and Svelte projects?▼

Yes, the integration specifically targets React, Vue, and Svelte projects using Vitest and Playwright to ensure reliable unit and E2E coverage across your chosen frontend framework.

How do I generate html and json-summary coverage reports in CI for Vitest and Playwright?▼

You enable CI integration by configuring your testing workflow to output html and json-summary coverage reports, establishing clear success and failure criteria based on the 75% threshold.

Related Skills

Explore More Software Engineering Skills→
TarasTsavolykTarasTsavolyk
1

add-tests

Generate unit and component tests for JavaScript web applications using Vitest, Vue Test Utils, and Playwright.

Community
Advanced
mvillmowmvillmow
18

quality-coverage-report

Generate HTML and terminal coverage reports for Python pytest runs.

Community
Intermediate
gregoryraymondgregoryraymond

solidjs-testing

Test SolidJS components and primitives with Vitest and @solidjs/testing-library.

Community
Intermediate
derekhu0002derekhu0002

tdd-workflow

Enforce test-driven development with unit, integration, and Playwright E2E tests.

Community
Intermediate