Where should I store my test files using this skill?

Tests should be co-located with the code they test in a feature-based structure, or placed in a dedicated root e2e directory for cross-feature user journeys.

Why does this skill prioritize E2E tests over unit tests?

E2E tests verify real user workflows and are more resilient to internal code refactoring than component unit tests, providing higher confidence in production readiness.

What mocking strategy does this skill use?

It enforces network-level API mocking rather than module-level mocks (vi.mock) to ensure more realistic integration testing and to prevent tests from breaking during refactoring.

Can I use this skill for React component unit testing?

No, the skill's philosophy specifically discourages unit testing components; it recommends using Playwright E2E tests to verify UI behavior and user flows instead.

Web Testing & Quality Standards

Name: Web Testing & Quality Standards
Author: agents-inc

byagents-inc

0•

セキュリティとテスト

Implements an inverted testing pyramid strategy using Playwright for E2E workflows and Vitest for pure function unit tests.

This skill provides a comprehensive framework for maintaining high software quality through a prioritized E2E testing approach. It guides Claude in writing robust Playwright scripts for critical user journeys while restricting unit tests to pure logic, ensuring tests remain resilient to refactoring and focused on actual user outcomes. By enforcing network-level mocking and feature-based co-location, it helps developers build maintainable test suites that catch regressions in real-world scenarios.

主な機能

01Integration testing with network-level API mocking

02Automated Playwright test generation for critical user journeys

03Inverted testing pyramid implementation favoring E2E flows

040 GitHub stars

05Strict unit testing protocols for pure functions using Vitest

06Feature-based test co-location and organization standards

ユースケース

01Authoring end-to-end tests for critical authentication and checkout flows

02Setting up integration tests with reliable network-level mocking

03Unit testing complex business logic or data transformation functions

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add agents-inc/skills web-testing-vitest

For use in Claude.ai and ChatGPT

Download Skill