Does it support backend testing?

Yes, it includes specific patterns for testing Nuxt server routes using $fetch and verifying database query logic and Row Level Security (RLS) in isolation.

How are async operations handled?

It provides patterns for testing all four critical states of async operations: loading, error, empty, and success, using findBy queries and waitFor utilities.

What is the recommended query priority?

The skill follows Testing Library best practices, prioritizing getByRole and getByLabelText to ensure your application remains accessible to screen readers.

What testing tools does this skill support?

This skill is specifically optimized for Vitest, Testing Library (@testing-library/vue), Nuxt Test Utils, and user-event simulation.

Why does this skill focus on user-centric testing?

Testing observable behavior rather than implementation details (like internal state) makes tests more resilient to refactoring and ensures the application works for the end user.

User-Centric Testing Best Practices

Name: User-Centric Testing Best Practices
Author: JosephAnson

byJosephAnson

0•

セキュリティとテスト

Implements robust testing patterns using Vitest and Testing Library to ensure high-quality, accessible components and reliable API interactions.

This skill provides specialized guidance for writing high-quality tests across the full stack of a Nuxt-based application. It enforces a user-centric philosophy, prioritizing accessibility roles and observable behaviors over implementation details to create resilient test suites. By integrating Vitest, Testing Library, and Nuxt Test Utils, the skill helps developers master component rendering, API validation via $fetch, and database query testing, while ensuring comprehensive coverage for loading, error, and success states.

主な機能

01User-centric testing patterns focused on accessibility and ARIA roles

02Priority-based querying guide to improve test stability and accessibility

03Nuxt Test Utils integration for suspended component rendering

040 GitHub stars

05Standardized strategies for API endpoint and database query validation

06Comprehensive async state handling for loading, error, and empty views

ユースケース

01Verifying database query functions and Row Level Security (RLS) policies

02Writing resilient unit and integration tests for Vue and Nuxt components

03Validating backend API routes, authentication, and error handling

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add josephanson/claude-plugin testing

For use in Claude.ai and ChatGPT

Download Skill