Hyva Playwright Test

If you're writing Playwright tests for Hyvä Magento storefronts, this fixes the pain points you'll hit in the first hour. Hyvä replaces Knockout with Alpine.js, which scatters hidden x-show elements throughout the DOM that break Playwright's strict mode. The skill documents the essential workarounds: scoping message selectors to #messages, handling x-defer lazy loading with scrollIntoViewIfNeeded, waiting for Alpine's async updates with proper timeouts instead of sleep calls. It pushes you toward getByRole over CSS selectors and includes before/after examples for common gotchas like cart badges, filters, and pagination. The reference files show actual page object patterns if you need working code to copy.

Install to Claude Code

npx -y skills add hyva-themes/hyva-ai-tools --skill hyva-playwright-test --agent claude-code