Hyva Playwright Test
hyva-themes/hyva-ai-toolsWriting tests for Hyvä storefronts requires special care. Hyvä uses Alpine.js and Tailwind CSS. Hidden elements using x-show are invisible but still in the DOM. This can cause Playwright strict mode errors.
This skill shows you how to avoid these pitfalls. Use scoped selectors like #messages .message.success instead of bare class selectors. Follow Playwright's locator priority for reliable tests.
You will learn to handle Alpine.js interaction patterns like x-defer and x-if. Write tests that actually find the right elements every time.
Add Hyva Playwright Test skill to your workflow
Global
mkdir -p ~/.claude/skills/hyva-playwright-testProject
mkdir -p .claude/skills/hyva-playwright-testSource Repository
More Testing & QA Claude Code Skills
Grill Memattpocock/skills
Stress-test your plan with relentless questions until we both understand
Tddmattpocock/skills
Write one test at a time then code to make it pass
Test Driven Developmentobra/superpowers
Write a failing test first then code just enough to pass
Webapp Testinganthropics/skills
Test your local web apps quickly with Playwright automation and screenshots
Qamattpocock/skills
Turn bug reports into GitHub issues through natural conversation without technical fuss
Migrate To Shoehornmattpocock/skills
Replace unsafe as assertions with type-safe partial test data easily
Playwright Best Practicescurrents-dev/playwright-best-practices-skill
Master Playwright testing with best practices for reliable and fast tests
Google Agents Cli Evalgoogle/agents-cli
Run evaluations on your AI agent, find failures, and improve its quality step by step