Playwright Tests

Shopify/hydrogen/skills/playwright-tests

codingOfficial

Official Provider SkillView repo

Use when writing, reviewing, or debugging Playwright tests in this repository. Applies to e2e specs, Playwright fixtures, locator strategy, wait/assertion patterns, test group prerequisite/matcher checks, and Hydrogen storefront test flows.

Files1 files

SKILL.md385 lines

Loading editor…

Install

Recommended

One command — your agent picks it up automatically.

Select AI agent

Select an AI agent above to see the install command.

Manual Install

More steps

Download the file and paste it into your agent's system prompt.

Skill details

Versionv1.0.0

AuthorShopify

Categorycoding

Skill IDShopify/hydrogen/skills/playwright-tests

Related skills

Benchmark CanaryVerify that OpenCode can discover and load benchmark workspace skills.Create Oxygen TemplateCreate, upgrade, or maintain the canonical source for the Oxygen-ready React Router template under templates/react-router. Use for a professional React Router starter with MiniOxygen/Vite dev setup, a Worker server entrypoint, env-driven configuration, Oxygen cache wiring, and no monorepo-only app imports or development plugins.Error ReportingError handling and logging policy for @shopify/hydrogen: when to throw, when to log through the logging contract, when to expose reactive state, and how tests assert failures. Always use when developing or reviewing runtime logic for the @shopify/hydrogen library.Hydrogen AnalyticsGuide for adding or reviewing Hydrogen storefront analytics. Use when working with ShopifyScripts analytics, AnalyticsEvent, consent mode, page/product/ collection/search/cart view events, cart update tracking, custom analytics destinations, or framework route-change analytics wiring.Hydrogen BranchesBranch map for the Shopify/hydrogen repo: where the new version of Hydrogen (informally "Hydrogen 3") vs classic Hydrogen (informally "Hydrogen 2") live, the June–October 2026 divergence between them, and which branch to target or rebase onto. Use when picking a base branch, rebasing or retargeting a PR, porting changes between new vs classic Hydrogen, or deciding what happened to the preview branch.Hydrogen Cart DrawerGuide for building an accessible cart drawer using @shopify/hydrogen. Use when creating or reviewing a cart drawer, mini cart, or slide-out cart, including native dialog element (showModal), closedby light dismiss, body scroll lock, exit animations, and wiring window.Shopify.actions.openCart().