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.
Напишите тесты драматурга для тем Hyvä с помощью компонентов Alpine.js. Этот навык следует использовать при написании тестов e2e, создании объектов страниц или отладке проблем с селектором в тестах Playwright для витрин Hyvä Magento. Триггерные фразы включают «написать тест драматурга», «альпийский драматург», «тестировать страницу hyva», «тест e2e», «селектор драматурга». Источник: hyva-themes/hyva-ai-tools.