redpanda-data/testing
frontend/.claude/skills/testing/SKILL.md
Write and maintain tests with Vitest v4 dual configuration, mock utilities, and Zustand store testing patterns.
$ install --global
skillsauthnpx skillsauth add redpanda-data/console testingInstall this skill globally with one command. Works with Claude Code, Cursor, and Windsurf.
Security Scan Results
3 of 9 scanners reported clean
Some scanners were skipped, did not run, or reported a non-clean status. Review each row below.
3
Scanners Passed
9
Scanners in report
Clean
TrivyContainer and dependency vulnerability scanner
95%
Clean
SemgrepStatic code analysis for vulnerabilities
95%
Clean
mcp-scan (Snyk)Model Context Protocol security validation
95%
Skipped
Snyk (dep)Open source security scanning
50%
Skipped
Socket.devSupply chain security analysis
50%
Skipped
VirusTotalMulti-engine malware detection
50%
Skipped
CrowdStrikeAdvanced threat intelligence
50%
Skipped
OSV-ScannerOpen Source Vulnerability database check
50%
Skipped
OWASP Dep-Check
50%
Last scanned: Apr 11, 2026, 11:02 PM162.1s6 files scanned
SKILL.md
- name:
- testing
- description:
- Write and maintain tests with Vitest v4 dual configuration, mock utilities, and Zustand store testing patterns.
Testing
Write reliable tests with Vitest v4 dual configuration.
Activation Conditions
- Writing or modifying tests
- Debugging test failures
- Setting up mocks
- Questions about test configuration
Quick Reference
| Action | Rule |
|--------|------|
| Choose test type | test-unit-vs-integration.md |
| Mock modules | test-mock-patterns.md |
| Test stores | test-zustand-stores.md |
| Mock Connect APIs | mock-transport.md |
| Skip UI rendering tests | no-ui-rendering-tests.md |
Commands
bun run test # All tests (CI default)
bun run test:ci # Sequential for CI
bun run test:unit # Unit tests only
bun run test:integration # Integration tests only
bun run test:ui # Interactive UI
bun run test:watch # Watch mode
bun run test:coverage # Coverage report
Key Points
.test.ts= unit (Node.js),.test.tsx= integration (JSDOM)- Always use
test-utils/test-utils.tsxfor React component tests - Test that features are fully wired: UI elements must connect to actual functionality
Feature Completeness Testing
When implementing interactive features (buttons, forms, etc.):
- Verify event handlers call the correct functions with proper parameters
- Test that AbortSignals, callbacks, and other "plumbing" are passed through
- Don't assume UI presence means functionality works - test the connection
When to Use This Skill
- Writing
.test.tsor.test.tsxfiles - Mocking modules, stores, or transports
- Component behavior tests
NOT for: Multi-page user workflows → use e2e-tester
Rules
See rules/ directory for detailed guidance.
Related Skills
redpanda-data/frontend/.claude/skills/web-design-guidelines
development
VerifiedTrustedCommunity
Review UI code for Web Interface Guidelines compliance
4,258SKILL.mdUpdated Apr 11, 2026
redpanda-data/ui-development
development
VerifiedTrustedCommunity
Build UI with Redpanda Registry components, Tailwind v4, and accessibility best practices.
4,258SKILL.mdUpdated Apr 11, 2026
redpanda-data/tanstack-router-migration
development
VerifiedTrustedCommunity
Migrate React applications from React Router to TanStack Router with file-based routing. Use when user requests: (1) Router migration, (2) TanStack Router setup, (3) File-based routing implementation, (4) React Router replacement, (5) Type-safe routing, or mentions 'migrate router', 'tanstack router', 'file-based routes'.
4,258SKILL.mdUpdated Apr 11, 2026
redpanda-data/state-management
tools
VerifiedTrustedCommunity
Manage client and server state with Zustand stores and React Query patterns.
4,258SKILL.mdUpdated Apr 11, 2026