Playwright-Test-Stack

## Überblick

Playwright Test Stack ist ein fokussiertes Paket für Teams, die zuverlässige Test-Workflows für Web-Apps erstellen. Es kombiniert robuste Playwright-Testmuster, lokales UI-Debugging, Browser-Logs, Screenshots und Selektor-Anleitungen, damit Sie von einer fehleranfälligen Reproduktion zu einem stabilen E2E- oder Integrationstest mit Nachweisen gelangen.

## Schnellstart

1. Installieren Sie das Plugin in Ihrem OpenClaw-Workspace:
   `npx skillstore add @playwright-test-stack`
2. Beim Erstellen oder Bearbeiten von `.spec.ts`- / `.test.ts`-Dateien, die `@playwright/test` importieren, verwenden Sie `0xbigboss-playwright-best-practices` / `playwright-best-practices`, um robuste Locators, Page Object Models, Fixtures, web-first Assertions und Network Mocking zu strukturieren.
3. Wenn Sie eine lokale Web-App verifizieren, verwenden Sie `7spade-webapp-testing` / `webapp-testing`, um Playwright-Prüfungen auszuführen, Browser-Screenshots zu erfassen, Browser-Logs zu prüfen und UI-Verhalten zu debuggen.
4. Wenn ein Test fehleranfällig oder selektorlastig ist, verwenden Sie `c0ntr0lledcha0s-playwright-testing` / `playwright-testing` für Playwright-spezifische E2E- und Integrationsanleitungen rund um Selektoren, Locators und Page Objects.

## Zentrale Workflows

- **Robuste Testerstellung** — `playwright-best-practices` hilft dabei, stabile Locators, Page Object Models, Fixtures, web-first Assertions und Network Mocking gegenüber fragilen Sleeps oder CSS-Ketten zu bevorzugen.
- **Lokale Web-App-Verifizierung** — `webapp-testing` konzentriert sich darauf, Browser-Level-Prüfungen gegen eine lokale App auszuführen, Screenshots zu sammeln, Konsolenausgaben zu lesen und UI-Fehler zu diagnostizieren.
- **Debugging von Selektoren und Page Objects** — `playwright-testing` wird rund um Playwright-Konfiguration, Selektoren, Locators, Page Objects und `*.spec.ts`-Dateien in `e2e`- oder `tests`-Verzeichnissen aktiviert.

## Tipps

- Beginnen Sie mit Browser-Nachweisen: Verwenden Sie `webapp-testing`, um das Problem zu reproduzieren und Logs oder Screenshots zu sammeln, bevor Sie den Test ändern.
- Halten Sie die Korrektur diszipliniert: Verwenden Sie `playwright-best-practices` für web-first Assertions und eine robuste Locator-Strategie, statt beliebige Timeouts hinzuzufügen.
- Verwenden Sie `playwright-testing`, wenn Sie Page Objects oder Integrations-Specs refaktorieren, damit Selektoränderungen mit den Playwright-Konventionen abgestimmt bleiben.