hyva-playwright-test
✓使用 Alpine.js 组件为 Hyvä 主题编写 Playwright 测试。在为 Hyvä Magento 店面编写 e2e 测试、创建页面对象或调试 Playwright 测试中的选择器问题时，应该使用此技能。触发短语包括“编写剧作家测试”、“剧作家高山”、“测试hyva页面”、“e2e测试”、“剧作家选择器”。
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 店面编写 e2e 测试、创建页面对象或调试 Playwright 测试中的选择器问题时，应该使用此技能。触发短语包括“编写剧作家测试”、“剧作家高山”、“测试hyva页面”、“e2e测试”、“剧作家选择器”。 来源：hyva-themes/hyva-ai-tools。
可引用信息
为搜索与 AI 引用准备的稳定字段与命令。
- 安装命令
npx skills add https://github.com/hyva-themes/hyva-ai-tools --skill hyva-playwright-test- 分类
- </>开发工具
- 认证
- ✓
- 收录时间
- 2026-02-17
- 更新时间
- 2026-02-18
快速解答
什么是 hyva-playwright-test？
使用 Alpine.js 组件为 Hyvä 主题编写 Playwright 测试。在为 Hyvä Magento 店面编写 e2e 测试、创建页面对象或调试 Playwright 测试中的选择器问题时，应该使用此技能。触发短语包括“编写剧作家测试”、“剧作家高山”、“测试hyva页面”、“e2e测试”、“剧作家选择器”。 来源：hyva-themes/hyva-ai-tools。
如何安装 hyva-playwright-test？
打开你的终端或命令行工具（如 Terminal、iTerm、Windows Terminal 等） 复制并运行以下命令：npx skills add https://github.com/hyva-themes/hyva-ai-tools --skill hyva-playwright-test 安装完成后，技能将自动配置到你的 AI 编程环境中，可以在 Claude Code 或 Cursor 中使用
这个 Skill 的源码在哪？
https://github.com/hyva-themes/hyva-ai-tools
详情
- 分类
- </>开发工具
- 来源
- skills.sh
- 收录时间
- 2026-02-17