Playwright テストスタック

## 概要

Playwright テストスタックは、信頼性の高い web-app test workflows を構築するチーム向けの集中的な bundle です。堅牢な Playwright test patterns、local UI debugging、browser logs、screenshots、selector guidance を組み合わせることで、不安定な再現ケースから、根拠のある安定した E2E または integration test へ進められます。

## クイックスタート

1. OpenClaw workspace に plugin をインストールします:
   `npx skillstore add @playwright-test-stack`
2. `@playwright/test` を import する `.spec.ts` / `.test.ts` files を作成または編集するときは、`0xbigboss-playwright-best-practices` / `playwright-best-practices` を使用して、堅牢な locators、Page Object Models、fixtures、web-first assertions、network mocking を構成します。
3. local web app を検証するときは、`7spade-webapp-testing` / `webapp-testing` を使用して Playwright checks を実行し、browser screenshots を取得し、browser logs を確認し、UI behavior を debug します。
4. test が flaky または selector-heavy な場合は、`c0ntr0lledcha0s-playwright-testing` / `playwright-testing` を使用して、selectors、locators、page objects に関する Playwright 固有の E2E および integration guidance を得ます。

## 主なワークフロー

- **堅牢な test authoring** — `playwright-best-practices` は、不安定な sleeps や CSS chains よりも、安定した locators、Page Object Models、fixtures、web-first assertions、network mocking を優先するのに役立ちます。
- **Local web-app verification** — `webapp-testing` は、local app に対して browser-level checks を実行し、screenshots を収集し、console output を読み取り、UI failures を診断することに重点を置いています。
- **Selector と page-object debugging** — `playwright-testing` は、Playwright config、selectors、locators、page objects、および `e2e` または `tests` directories 内の `*.spec.ts` files に関連して有効になります。

## Tips

- browser evidence から始めます: test を変更する前に、`webapp-testing` を使用して issue を再現し、logs または screenshots を収集します。
- fix は規律を持って行います: 任意の timeouts を追加する代わりに、`playwright-best-practices` を使用して web-first assertions と堅牢な locator strategy を採用します。
- page objects または integration specs を refactoring するときは、selector changes が Playwright conventions と整合した状態を保てるように `playwright-testing` を使用します。