skills.rest
echarabati
echarabatiCOMMUNITY
Explore all skills by this author →
GitHub

testing

Guide software testing with Vitest and Playwright across unit, integration, and end-to-end levels.

Updated Feb 2, 2026
Search Tags:#code quality#vitest#testing#integration testing#unit testing#playwright#e2e testing
One-click install
npx skills add https://github.com/echarabati/adi-capital-admin --skill testing-echarabati
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: testing
Source: https://github.com/echarabati/adi-capital-admin/tree/main/.agent/skills/domains/testing
Command: npx skills add https://github.com/echarabati/adi-capital-admin --skill testing-echarabati

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill provides comprehensive guidance and examples for implementing effective unit, integration, and end-to-end tests, ensuring code quality and reliability.

Core Features & Use Cases

  • Testing Strategies: Learn best practices for writing maintainable and effective tests.
  • Frameworks & Tools: Understand how to use Vitest and Playwright for different testing levels.
  • Use Case: When developing a new feature, use this Skill to understand how to write unit tests for your new components and server actions, and how to set up end-to-end tests to verify the user flow.

Quick Start

Use the testing skill to generate a basic Vitest unit test for a given TypeScript function.

Frequently Asked Questions about testing

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

FAQPage Schema
How do I write unit and integration tests using Vitest?▼

End-to-end testing with Playwright verifies complete user flows by interacting with your application across various layers. It provides setup configurations and practical examples to validate API endpoints and user journeys, ensuring overall application reliability.

What is the best way to structure testing strategies for a new feature?▼

The best way to structure testing strategies is to cover unit tests for components, integration tests for server actions, and end-to-end tests for user flows. This multi-layer methodology emphasizes test organization, mocking, and factory patterns for efficient test data management.

Can I use this testing approach for both frontend components and API endpoints?▼

Yes, you can use this testing approach for both frontend components and API endpoints. It details practical code examples and setup configurations for testing various application layers, ensuring comprehensive code quality coverage using Vitest and Playwright.

How do I manage test data efficiently when running integration tests?▼

To manage test data efficiently during integration tests, implement factory patterns and mocking strategies. These methodologies allow you to generate consistent test data setups and isolate dependencies, resulting in reliable and maintainable test executions.

Related Skills

Explore More Software Engineering Skills→
danghungtb26danghungtb26
3

project-conventions

Enforce naming and folder structure conventions for React TypeScript admin templates.

Community
Basic
mehdicmehdic
21

test-coverage

Generate comprehensive test coverage reports for Python, JavaScript, Go & Java projects.

Community
Intermediate
MesteriisMesteriis

python

Enforce Python coding standards including type hints, formatting, and testing.

Community
Intermediate
AratKruglikAratKruglik
9

react-testing

Automate React component, hook, and network interaction testing with Vitest or Jest.

Community
Advanced