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