# Openwebf App Testing Vitest

> Set up and improve WebF app tests with Vitest and React Testing Library. Use when the user mentions Vitest, React Testing Library, unit tests, component tests, “testing trophy”, or asks to add/fix tests in a Vite/React/TS WebF app.

- Skill: `majiayu000/openwebf-app-testing-vitest` (Agent Skill, multi-file: 2 files)
- Install (CLI): `npx skillmds add majiayu000/openwebf-app-testing-vitest`
- Raw SKILL.md: https://api.skillmd.com/api/skills/majiayu000/openwebf-app-testing-vitest/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Web & Frontend
- Author: majiayu000 (https://skillmd.com/u/majiayu000)
- Updated: 2026-09-09
- Page: https://skillmd.com/skills/majiayu000/openwebf-app-testing-vitest

---


# OpenWebF App: Testing (Vitest + React Testing Library)

## Instructions

1. Identify the stack (React/Vue/etc.) and current test tooling (if any).
2. Use MCP docs for the recommended testing approach and best practices.
3. Prefer “testing trophy” prioritization:
   - unit tests for business logic
   - component tests for UI behavior
   - minimal integration/E2E only where needed
4. Offer templates when appropriate:
   - `app/vitest-config`
   - `app/react-testing-library-example`

More:
- [reference.md](reference.md)
- [doc-queries.md](doc-queries.md)
- [examples.md](examples.md)