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.

Écrivez des tests Playwright pour les thèmes Hyvä avec les composants Alpine.js. Cette compétence doit être utilisée lors de l'écriture de tests e2e, de la création d'objets de page ou du débogage de problèmes de sélection dans les tests Playwright pour les vitrines Hyvä Magento. Les phrases de déclenchement incluent « écrire un test de dramaturge », « dramaturge alpin », « tester la page hyva », « test e2e », « sélecteur de dramaturge ». Source : hyva-themes/hyva-ai-tools.

Voir l'original