test-and-quality

name	test-and-quality
description	Run functional and visual quality tests on generated Astro.js websites. Start dev server, visit pages, check for errors, and evaluate visual quality using automated heuristic checks. Use Webapp Testing Skill for Playwright automation. Always use this skill after code generation, when user mentions "testing", "quality check", "visual review", or needs to verify the generated site works correctly.

Test and Quality

Run functional and visual quality tests on generated Astro.js websites using automated heuristics (no screenshots needed). Outputs test reports and quality scores.

When to use this skill

Use this skill when you need to:

• Test generated website functionality
• Check for console errors and broken links
• Evaluate visual quality via heuristics
• Verify responsive design patterns
• Assess semantic HTML and accessibility

Your task

1. Start dev server in headless mode
2. Visit each page and check for errors
3. Run heuristic quality checks on code
4. Generate reports as test-report.json and quality-scores.json

Functional testing

Start dev server

npm run dev --port 4322

Wait for server to start, then run tests.

Test cases

For each page:

• ✅ Page loads without HTTP errors (200 status)
• ✅ No console errors on page
• ✅ Navigation links work (correct hrefs)
• ✅ Interactive components respond (dialogs open, dropdowns expand)
• ✅ Page renders content (not blank)

Output format

Save as test-report.json: