What key testing capabilities does it provide?

It provides guidance on unit testing with Vitest and RTL, interaction testing in Storybook using the `play` function, strategies for mocking modules and SWR hooks, and API mocking with Mock Service Worker (MSW). It also covers debugging and CI processes.

What does the Testing Infrastructure skill do?

This skill equips Claude with the expertise to implement a comprehensive testing framework for monorepos. It provides patterns and code for unit tests with Vitest, component tests with React Testing Library, and interaction tests within Storybook.

When should I use this skill?

Use this skill when you need to write new tests, set up test configurations, mock APIs or modules, debug a failing test, or understand the continuous integration (CI) pipeline. It's your go-to for any testing-related task in the monorepo.

How does this skill improve my workflow?

It accelerates test development by providing instant access to best practices, correct query patterns, and reusable code snippets for mocking. This ensures you write consistent, robust, and maintainable tests without searching through documentation.

Testing Infrastructure

Name: Testing Infrastructure
Author: lsst-sqre

bylsst-sqre

•

セキュリティとテスト

Implements comprehensive testing infrastructure and patterns for monorepos using Vitest, React Testing Library, and Storybook.

Provides a complete guide to the testing infrastructure and patterns for the monorepo. Use this skill when writing unit tests with Vitest and React Testing Library, creating interaction tests in Storybook, setting up mock data or API handlers with MSW, or troubleshooting failures in the CI pipeline. It establishes standardized best practices for writing maintainable, behavior-driven tests, ensuring code quality and reliability.

主な機能

012 GitHub stars

02Best practices for writing accessible, descriptive, and behavior-driven tests.

03Guidance on unit testing with Vitest and React Testing Library, including query priorities and user interactions.

04Patterns for interaction testing within Storybook stories using the `play` function.

05Instructions for running tests locally, debugging failures, and understanding the CI pipeline via the test-suite-runner agent.

06Strategies for mocking modules, functions, SWR hooks, and APIs using MSW.

ユースケース

01Setting up API mocks or mock data for development and testing.

02Writing new unit or component tests for a React application.

03Troubleshooting a failing test in the local environment or CI pipeline.

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add lsst-sqre/squareone testing-infrastructure

For use in Claude.ai and ChatGPT

Download Skill