SkillsAdd

thebeardedbearsas/claude-craft

testing-react

Stratégie de Tests React 19 + Compiler 1.0. Use when writing tests, reviewing test coverage, or setting up testing.

First seen Mar 4, 2026

Installation

$ npx skills add thebeardedbearsas/claude-craft --skill testing-react
View on skills.sh ↗ GitHub repository ↗

Similar popular skills

Related neighbors and high-traction skills in the same topics — useful to compare before installing.

supabase Shared topics
supabase/agent-skills

Use when doing ANY task involving Supabase. Triggers: Supabase products (Database, Auth, Edge F…

263K installs
ai-sdk Shared topics
vercel/ai 53.4K installs
shadcn-ui Shared topics
google-labs-code/stitch-skills 50.7K installs
webapp-testing Similar name
anthropics/skills

Toolkit for interacting with and testing local web applications using Playwright. Supports veri…

152.3K installs
clerk-testing Similar name
clerk/skills

E2E testing for Clerk apps. Use with Playwright or Cypress for auth flow tests.

36K installs
webapp-testing Similar name
github/awesome-copilot

Toolkit for interacting with and testing local web applications using Playwright. Supports veri…

12.3K installs

Also in this package

Other skills from thebeardedbearsas/claude-craft · top by installs.

npx skills add thebeardedbearsas/claude-craft
kiss-dry-yagni 253 security-reactnative 190 architecture-clean-ddd 176 testing-reactnative 171 architecture 169 tooling 166 navigation 165 state-management 165 coding-standards 165 security-react 163

Browse all from thebeardedbearsas/claude-craft

More details

Agent compatibility

Declared targets from SKILL.md / docs. Unmarked agents are not listed — the skill may still install via the CLI.

Claude Code Not declared
Cursor Not declared
Codex Not declared
GitHub Copilot Not declared
Windsurf Not declared
Gemini CLI Not declared
Cline Not declared
OpenCode Not declared

Repository health

Stars 105
License LICENSE
Default branch main
Open issues 0
Status Active

Package contents

Files included with this skill beyond the listing page.

  • skill md SKILL.md 2,057 B
  • docs SUMMARY.md 137 B

History

  1. First seen on skills.sh
  2. First recorded snapshot · 160 installs

SKILL.md

Stratégie de Tests React 19 + Compiler 1.0

Versions : React 19.2+ | React Compiler 1.0 | Vitest 4.1+ | Playwright

React Compiler 1.0 (auto-memoization) est transparent pour les tests — tester le comportement visible, jamais les optimisations internes.

Stack recommandée 2026

Type Outil Usage
Unit/Composants Vitest 4.1+ Browser Mode Chromium/Firefox/WebKit natif
Component Testing Playwright CT Alternative à RTL — browser réel
E2E Playwright Flows utilisateur complets
Mutation Stryker Qualité des tests (score >= 80%)
Property-based fast-check Génération de cas de test

Abandonner : JSDOM (lourd, incomplet) et React Testing Library (remplacé par Playwright CT).

Sources : Vitest 4, Playwright Component Testing, Stryker Mutator

Invariants non-négociables

  • Vitest Browser Mode (provider: playwright) — pas de JSDOM
  • Tester le comportement (ce que voit l'utilisateur), pas l'implémentation
  • Ne jamais tester les optimisations du React Compiler (memoization)
  • Mutation score >= 80% via Stryker avant merge
  • Vitest workspaces pour monorepos (unit / browser séparés)
  • MSW pour mocker les appels API (pas de fetch mockée à la main)

Checklist par type

Type Vérification
Composant Vitest Browser Mode ou Playwright CT, interactions réelles
Hook Vitest, renderHook si nécessaire
RSC Test du rendu HTML retourné (pas de DOM)
E2E Playwright, flows complets avec expect().toHaveURL()
Mutation npx stryker run, seuil break >= 50, high >= 80

Détails complets, exemples de code, configs et checklists : voir [REFERENCE.md](./REFERENCE.md)