Skills
.Work. You
Rest

app-testing

Official

Frontend tests done fast with Vitest & Playwright

Software Engineering#React#frontend#Playwright#Vitest#test#UI-testing
Authordairectiv
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill guides frontend teams to implement robust testing practices across unit, component, and visual/E2E levels, reducing regressions and maintenance costs.

Core Features & Use Cases

  • Unit Tests: Create fast, isolated tests for hooks and utilities using Vitest.
  • Component Tests: Validate rendering and user interactions with React Testing Library.
  • Visual/E2E Tests: Automate browser-based checks with Playwright MCP, Storybook, and real user flows.

Quick Start

  1. Initialize test tooling in your project (Vitest, Testing Library, and Playwright MCP).
  2. Add tests for a hook, a component, and a page, then run the appropriate test commands.
  3. Review results and iterate to improve coverage.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: app-testing
Download link: https://github.com/dairectiv/dairectiv/archive/main.zip#app-testing

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.