hyva-playwright-test

SKILL.md

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.

Hyvä templates scatter elements like throughout the DOM. These are invisible but present, so a bare selector like .message.error matches both hidden and visible instances, causing Playwright strict mode violations.

Never use: bare .message, .message.error, .message.success, or div.message as selectors.

Escriba pruebas de Playwright para temas Hyvä con componentes Alpine.js. Esta habilidad debe usarse al escribir pruebas e2e, crear objetos de página o depurar problemas del selector en pruebas de Playwright para escaparates de Hyvä Magento. Las frases desencadenantes incluyen "prueba de escritura de dramaturgo", "dramaturgo alpino", "página de prueba de hyva", "prueba de e2e", "selector de dramaturgo". Fuente: hyva-themes/hyva-ai-tools.

Ver original