Skills
.Work. You
Rest

frontend-testing-best-practices

Community

Write better frontend tests.

Software Engineering#unit tests#vitest#testing#best practices#frontend#e2e#playwright
Authoriulspop
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill provides clear guidelines and best practices for writing effective, maintainable frontend tests, ensuring higher confidence in application quality and reducing the burden of test maintenance.

Core Features & Use Cases

  • Testing Strategy: Prioritizes End-to-End (E2E) tests over unit tests for most scenarios.
  • Mocking Guidelines: Advises minimizing complex mocking, suggesting E2E tests when extensive mocking is required.
  • Component Testing: Discourages direct unit testing of React components, advocating for their testing within E2E flows.
  • Selector Best Practices: Recommends accessible selectors (role, label, text) over brittle CSS selectors in E2E tests.
  • Use Case: When developing a new feature, consult this Skill to determine the most effective testing strategy (E2E vs. unit) and to ensure tests are robust and maintainable.

Quick Start

Follow the guidelines in this skill to write robust E2E tests for your frontend application.

Dependency Matrix

Required Modules

None required

Components

references

💻 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: frontend-testing-best-practices
Download link: https://github.com/iulspop/misc-skills/archive/main.zip#frontend-testing-best-practices

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 223,000+ vetted skills library on demand.