Testing framework
CommunityStreamline testing, prevent churn, ensure quality.
Authorcynthiateeters
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill prevents the testing approach churn experienced in previous projects by establishing clear, consistent testing tools and patterns. It provides a decision matrix to choose the right tool for the job, ensuring efficient and high-quality validation.
Core Features & Use Cases
- Decision Matrix: Guides selection of testing tools (Chrome DevTools, Lighthouse, Node.js, Playwright) based on what needs to be tested (visuals, console errors, data structures, performance, accessibility).
- Standardized Patterns: Provides ready-to-use test scenarios for common tasks like visual smoke tests, console error detection, and data validation.
- Use Case: Before writing any test code for a new interactive demo, consult this Skill to quickly identify the most effective tool and pattern, preventing redundant efforts and ensuring comprehensive validation.
Quick Start
Example: Check for console errors on all pages
Use Chrome DevTools MCP to check for console errors. Visit hub and all 6 stations, report any errors or warnings.
Dependency Matrix
Required Modules
npm
Components
Standard package💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: Testing framework Download link: https://github.com/cynthiateeters/hap-learning-lab-template/archive/main.zip#testing-framework Please download this .zip file, extract it, and install it in the .claude/skills/ directory.