Skip to content

๐Ÿงช Testing Quick Reference

Get Started in 30 seconds

# Install (already done!)
bun install

# Run tests
bun run test              # Watch mode
bun run test:run          # Single run
bun run test:ui           # Visual dashboard
bun run test:coverage     # Coverage report

Key Files

File Purpose
vitest.config.ts Test runner configuration
vitest.setup.ts Global test setup & mocks
src/test/ Test infrastructure & helpers
TESTING.md Complete testing guide
TEST_TEMPLATE.md Test code examples
.github/workflows/test.yml CI/CD automation

Coverage Status

โœ… 91.48% - Exceeds 80% target

  • Hooks: 96.22%
  • Utilities: 100%
  • Components: 100%

Create a New Test

  1. Create file: MyComponent.test.tsx (next to source)
  2. Copy template from TEST_TEMPLATE.md
  3. Run: bun run test:run

Common Commands

# Run specific test file
bun run test -- src/hooks/use-mobile.test.tsx

# Watch mode with UI
bun run test --ui

# Update snapshots
bun run test -- -u

# Run with coverage
bun run test:coverage

# See coverage HTML report
open coverage/index.html

Need Help?

  • ๐Ÿ“– Read: TESTING.md
  • ๐Ÿ“‹ Browse: TEST_TEMPLATE.md
  • ๐Ÿ” Check: Existing test files
  • ๐Ÿ’ก Ask: Team members

Stats

  • Test Files: 9
  • Total Tests: 51
  • Pass Rate: 100%
  • Coverage: 91.48%

More details in TESTING_SUMMARY.md or TESTING.md