Writing Playwright Tests for Hyvä + Alpine.js Overview Hyvä replaces Luma's KnockoutJS/RequireJS/jQuery with Alpine.js + Tailwind CSS. Playwright's strict mode (rejects locators matching multiple elements) conflicts with Alpine.js DOM patterns where hidden elements exist throughout the page. This skill documents pitfalls and solutions discovered while writing Playwright tests for Hyvä storefronts. The #1 Rule: Hidden Alpine Elements Hyvä templates scatter elements like throughout the DOM. These are invisible but present , so a bare selector like matches both hidden and visible instances, caus…