skills.rest
sergiodxa
sergiodxaCOMMUNITY
Explore all skills by this author →
Website𝕏@sergiodxaGitHub

frontend-testing-best-practices

Guide frontend testing with E2E tests over unit tests and minimal mocking.

93|9|Updated Jan 27, 2026
Search Tags:#unit tests#vitest#testing#best practices#frontend#e2e#playwright
One-click install
npx skills add https://github.com/sergiodxa/agent-skills --skill frontend-testing-best-practices
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: frontend-testing-best-practices
Source: https://github.com/sergiodxa/agent-skills/tree/main/skills/frontend-testing-best-practices
Command: npx skills add https://github.com/sergiodxa/agent-skills --skill frontend-testing-best-practices

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill provides 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, advocating for testing behavior over implementation details.
  • Mocking Guidelines: Advises minimizing complex mocking, suggesting E2E tests as an alternative when extensive mocking is required.
  • Component Testing: Discourages direct unit testing of React components, recommending their coverage through E2E flows.
  • Use Case: When deciding on the best approach for testing a new user authentication flow, consult these guidelines to prioritize an E2E test that verifies the complete user journey.

Quick Start

Review the frontend testing best practices to understand when to prefer E2E tests over unit tests.

Frequently Asked Questions about frontend-testing-best-practices

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

FAQPage Schema
Should I write unit tests or E2E tests for frontend components?▼

Frontend testing guidelines recommend prioritizing E2E tests over unit tests for components to validate behavior and user journeys, ensuring higher confidence in application quality.

How do I stop my frontend tests from being brittle?▼

To stop brittle tests, minimize complex mocking and avoid testing implementation details by using behavior-driven E2E tests that validate complete integration flows instead of isolated units.

When should I write unit tests in frontend applications?▼

Unit tests in frontend applications are best applied exclusively to pure functions where logic can be validated in isolation without requiring complex mocking or component rendering.

Does minimizing mocking improve E2E test reliability?▼

Minimizing mocking improves E2E test reliability by validating actual application behavior and integration points, advising E2E tests as an alternative when extensive mocking is required.

What is the best way to structure E2E tests for user authentication?▼

The best way to structure E2E tests for user authentication is to verify the complete user journey end-to-end, utilizing behavior-driven testing and proper selector strategies over isolated unit checks.

Related Skills

Explore More Software Engineering Skills→
hopeoverturehopeoverture
6

testing-next-stack

Scaffold Vitest, RTL, Playwright, and axe-core testing for Next.js projects.

Community
Advanced
Vivekmano27Vivekmano27

webapp-testing

Automate end-to-end web application testing with Playwright and Page Object Model.

Community
Advanced
cenjiecenjie

frontend-testing

Implement frontend tests for React and Vue with Jest, Vitest, React Testing Library, and Cypress.

Community
Intermediate
Fabio29TFabio29T

tdd-workflow

Guide Test-Driven Development workflows with 80% coverage across unit, integration, and E2E tests.

Community
Advanced