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.

Schreiben Sie Dramatiker-Tests für Hyvä-Themen mit Alpine.js-Komponenten. Diese Fähigkeit sollte beim Schreiben von E2E-Tests, beim Erstellen von Seitenobjekten oder beim Debuggen von Selektorproblemen in Playwright-Tests für Hyvä Magento-Storefronts verwendet werden. Zu den Triggerphrasen gehören „Dramatiker-Test schreiben“, „Dramatiker Alpine“, „Hyva-Seite testen“, „E2E-Test“ und „Dramatiker-Auswahl“. Quelle: hyva-themes/hyva-ai-tools.

Original anzeigen