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.

Alpine.js 구성 요소를 사용하여 Hyvä 테마에 대한 Playwright 테스트를 작성합니다. 이 기술은 Hyvä Magento 상점에 대한 Playwright 테스트에서 e2e 테스트를 작성하거나, 페이지 개체를 생성하거나, 선택기 문제를 디버깅할 때 사용해야 합니다. 트리거 문구에는 "극작가 테스트 작성", "극작가 알파인", "하이바 페이지 테스트", "e2e 테스트", "극작가 선택기"가 포함됩니다. 출처: hyva-themes/hyva-ai-tools.

원본 보기