Playwright Test Stack
منتقاة

Playwright Test Stack

A focused bundle for building resilient Playwright workflows for web apps. It covers test patterns, local debugging, and reliable browser interactions.

3 مهارات 2 عمليات التثبيت
playwrighttestingbrowser-automatione2e-testingdebugging
تم التحديث قبل 4 يومًا

تثبيت

شغّل هذا الأمر لتثبيت جميع المهارات في هذا الحزمة:

npx skillstore add @playwright-test-stack

تكتشف CLI مجلدات Codex وClaude Code تلقائيًا وتثبّت فيهما عند توفرهما.

نظرة عامة

دليل الاستخدام

محسّن بالذكاء الاصطناعي

دليل مفصل

## Overview

Playwright Test Stack is a focused bundle for teams building reliable web-app test workflows. It combines resilient Playwright test patterns, local UI debugging, browser logs, screenshots, and selector guidance so you can move from a flaky reproduction to a stable E2E or integration test with evidence.

## Quick Start

1. Install the plugin in your OpenClaw workspace:
   `npx skillstore add @playwright-test-stack`
2. When creating or editing `.spec.ts` / `.test.ts` files that import `@playwright/test`, use `0xbigboss-playwright-best-practices` / `playwright-best-practices` to structure resilient locators, Page Object Models, fixtures, web-first assertions, and network mocking.
3. When verifying a local web app, use `7spade-webapp-testing` / `webapp-testing` to drive Playwright checks, capture browser screenshots, inspect browser logs, and debug UI behavior.
4. When a test is flaky or selector-heavy, use `c0ntr0lledcha0s-playwright-testing` / `playwright-testing` for Playwright-specific E2E and integration guidance around selectors, locators, and page objects.

## Key Workflows

- **Resilient test authoring** — `playwright-best-practices` helps prefer stable locators, Page Object Models, fixtures, web-first assertions, and network mocking over brittle sleeps or CSS chains.
- **Local web-app verification** — `webapp-testing` focuses on running browser-level checks against a local app, collecting screenshots, reading console output, and diagnosing UI failures.
- **Selector and page-object debugging** — `playwright-testing` activates around Playwright config, selectors, locators, page objects, and `*.spec.ts` files in `e2e` or `tests` directories.

## Tips

- Start with browser evidence: use `webapp-testing` to reproduce the issue and collect logs or screenshots before changing the test.
- Keep the fix disciplined: use `playwright-best-practices` for web-first assertions and robust locator strategy instead of adding arbitrary timeouts.
- Use `playwright-testing` when refactoring page objects or integration specs so selector changes stay aligned with Playwright conventions.

المهارات

3
📦

playwright-best-practices

مخاطر منخفضة 78

تحسين اختبارات Playwright باستخدام أنماط مستقرة

تهدر اختبارات end-to-end غير المستقرة وقت الهندسة وتجعل الثقة بالإصدارات أصعب. ترشد هذه المهارة Claude وCodex وClaude Code نحو أنماط Playwright متينة للمحددات، والتجهيزات، والتأكيدات، والمصادقة، والمحاكاة.

💻 البرمجة والتطوير بواسطة 0xBigBoss ⚙️🌐📁🔑
📦

webapp-testing

مخاطر متوسطة 73

اختبار تطبيقات الويب باستخدام Playwright

يصعب التحقق من أخطاء الواجهة الأمامية من خلال الكود وحده. ترشد هذه المهارة Claude وCodex وClaude Code عبر فحوصات المتصفح باستخدام Playwright، ولقطات الشاشة، والسجلات، والتحقق من مسارات المستخدم.

💻 البرمجة والتطوير بواسطة 7Spade 🌐📁
📦

playwright-testing

مخاطر متوسطة 78

بناء اختبارات Playwright موثوقة

غالبا ما تفشل اختبارات النهاية إلى النهاية لأن المحددات، والانتظارات، والتجهيزات تكون هشة. ترشد هذه المهارة إلى إعداد Playwright، وتصميم الاختبارات، وتصحيح الأخطاء، وأنماط الأتمتة القابلة للصيانة.

💻 البرمجة والتطوير بواسطة C0ntr0lledCha0s ⚙️🌐📁🔑