skills.rest
Happy-Horizon
Happy-HorizonOFFICIAL
Explore all skills by this author →
WebsiteGitHub

hyva-playwright-test

Automate Playwright end-to-end tests for Hyvä Magento storefronts with Alpine.js.

Updated Mar 12, 2026
Search Tags:#automation#playwright#ui-testing#e2e-testing#alpine#hyva#magento
One-click install
npx skills add https://github.com/Happy-Horizon/cursor-marketplace --skill hyva-playwright-test
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: hyva-playwright-test
Source: https://github.com/Happy-Horizon/cursor-marketplace/tree/main/plugins/hyva-ai-tools/skills/hyva-playwright-test
Command: npx skills add https://github.com/Happy-Horizon/cursor-marketplace --skill hyva-playwright-test

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Hyvä themes replace Luma with Alpine.js, which makes end-to-end testing with Playwright tricky due to dynamic, hidden elements and strict locator behavior. This skill provides guidance on reliable locator strategies, Alpine.js interaction patterns, and Hyvä-specific messaging areas to build robust tests for Hyvä Magento storefronts.

Core Features & Use Cases

  • Automates Playwright test setup and page object patterns for Hyvä storefronts.
  • Recommends locator strategies and interaction patterns for Alpine.js components.
  • Demonstrates best practices for handling dynamic content, hidden elements, and messaging regions (e.g., #messages) during tests.

Quick Start

Create a Playwright test file that navigates to a Hyvä product page and asserts the cart count updates when adding a product.

Frequently Asked Questions about hyva-playwright-test

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I write Playwright e2e tests for Hyvä Magento themes?▼

Writing Playwright e2e tests for Hyvä Magento themes requires specific locator strategies for Alpine.js components and proper handling of dynamic, hidden elements to ensure test reliability.

Why does Playwright fail to interact with hidden Alpine.js elements in Hyvä?▼

Playwright enforces strict locator behavior, causing failures with Hyvä's hidden Alpine.js elements. Tests must apply recommended interaction patterns to correctly manage dynamic content visibility.

What is the best way to handle messaging regions in Hyvä Playwright tests?▼

Handling messaging regions in Hyvä Playwright tests involves targeting Hyvä-specific areas like the #messages region using established page object patterns to avoid test flakiness.

How do I set up page object patterns for Hyvä storefront automation?▼

Setting up page object patterns for Hyvä storefront automation involves structuring Playwright test files to navigate storefronts and assert dynamic UI updates like cart counts.

Does Playwright work with Alpine.js components out of the box?▼

Playwright works with Alpine.js components but requires specialized locator strategies to handle Hyvä's dynamic content and strict locator behavior effectively during e2e testing.

Related Skills

Explore More Software Engineering Skills→
InchooInchoo
18

Hyvä UI Components: Alpine.js & Interactivity

Create interactive Alpine.js UI components within the Hyvä Theme for Magento.

Official
Intermediate
u9401066u9401066

test-generator

Generate pytest, mypy, ruff, bandit, and Playwright test suites for Python codebases.

Community
Advanced
Happy-HorizonHappy-Horizon

hyva-theme-list

Lists Hyva mobile app user interface component names.

Official
Intermediate
InchooInchoo
18

Testing Skill

Run PHPUnit and Selenium tests for Magento applications.

Official
Intermediate