CommunityBildgithub.com

currents-dev/playwright-best-practices

Verwenden Sie dies beim Schreiben von Playwright-Tests, Beheben flaky Tests, Debuggen von Fehlern, Implementieren des Page-Object-Modells, Konfigurieren von CI/CD, Optimieren der Leistung, Mocken von APIs, Handhabung von Authentifizierung oder OAuth, Testen der Barrierefreiheit (axe-core), Datei-Uploads/-Downloads, Datums-/Zeit-Mocking, WebSockets, Geolokalisierung, Berechtigungen, Multi-Tab/Popup-Flows, mobilen/responsiven Layouts, Touch-Gesten, GraphQL, Fehlerbehandlung, Offline-Modus, Multi-User-Kollaboration, Drittanbieterdiensten (Zahlungen, E-Mail-Verifikation), Konsolenfehlerüberwachung, globalem Setup/Teardown, Testannotationen (skip, fixme, slow), Test-Tags (@smoke, @fast, @critical, Filterung mit --grep), Projektabhängigkeiten, Sicherheitstests (XSS, CSRF, Auth), Performance-Budgets (Web Vitals, Lighthouse), Iframes, Komponententests, Canvas/WebGL, Service-Workern/PWA, Testabdeckung, i18n/Lokalisierung, Electron-Apps oder Browser-Erweiterungstests. Deckt E2E-, Komponenten-, API-, visuelle, Barrierefreiheits-, Sicherheits-, Electron- und Erweiterungstests ab.

Was ist playwright-best-practices?

Diese Skill-Richtlinie dient als umfassender Leitfaden für Playwright-Tests und deckt eine breite Palette von Szenarien ab – von grundlegenden E2E-Tests bis hin zu fortgeschrittenen Themen wie Barrierefreiheit, Sicherheit, Leistungsoptimierung und Multi-User-Kollaboration. Sie ist für Entwickler und QA-Ingenieure konzipiert, die Playwright in Projekten jeder Größe einsetzen, und unterstützt moderne Frameworks und Tools. Der Leitfaden enthält bewährte Methoden, um häufige Fallstricke wie flaky Tests zu vermeiden, die Testisolierung zu gewährleisten und die Wartbarkeit durch Konzepte wie das Page-Object-Modell zu verbessern. Er ist plattformunabhängig und kann mit Playwright in CI/CD-Pipelines, lokalen Umgebungen und Cloud-Diensten wie Currents verwendet werden. Der Inhalt basiert auf der offiziellen Playwright-Dokumentation und praktischen Erfahrungen, um eine direkte Umsetzbarkeit zu gewährleisten.

Funktioniert mit~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/currents-dev/playwright-best-practices-skill/tree/main/skills/playwright-best-practices

Installed? Explore more Bild skills: steipete/songsee, affaan-m/frontend-design, mattpocock/improve-codebase-architecture · View all 6 →

Original anzeigen→Alle Skills durchsuchen

In Ihrer bevorzugten KI fragen

Öffnet einen neuen Chat, in dem dieser Agent-Skill bereits geladen ist.

OpenAIChatGPTClaudeClaudeGeminiGeminiGrokGrokPerplexityPerplexityDeepSeekDeepSeek

Dokumentation

Was macht playwright-best-practices?

Verwenden Sie dies beim Schreiben von Playwright-Tests, Beheben flaky Tests, Debuggen von Fehlern, Implementieren des Page-Object-Modells, Konfigurieren von CI/CD, Optimieren der Leistung, Mocken von APIs, Handhabung von Authentifizierung oder OAuth, Testen der Barrierefreiheit (axe-core), Datei-Uploads/-Downloads, Datums-/Zeit-Mocking, WebSockets, Geolokalisierung, Berechtigungen, Multi-Tab/Popup-Flows, mobilen/responsiven Layouts, Touch-Gesten, GraphQL, Fehlerbehandlung, Offline-Modus, Multi-User-Kollaboration, Drittanbieterdiensten (Zahlungen, E-Mail-Verifikation), Konsolenfehlerüberwachung, globalem Setup/Teardown, Testannotationen (skip, fixme, slow), Test-Tags (@smoke, @fast, @critical, Filterung mit --grep), Projektabhängigkeiten, Sicherheitstests (XSS, CSRF, Auth), Performance-Budgets (Web Vitals, Lighthouse), Iframes, Komponententests, Canvas/WebGL, Service-Workern/PWA, Testabdeckung, i18n/Lokalisierung, Electron-Apps oder Browser-Erweiterungstests. Deckt E2E-, Komponenten-, API-, visuelle, Barrierefreiheits-, Sicherheits-, Electron- und Erweiterungstests ab.

Verwandte Skills

steipete/songsee

Generate spectrograms and feature-panel visualizations from audio with the songsee CLI.

community

affaan-m/frontend-design

Create distinctive, production-grade frontend interfaces with high design quality. Use when the user asks to build web components, pages, or applications and the visual direction matters as much as the code quality.

community

mattpocock/improve-codebase-architecture

Scan a codebase for deepening opportunities, present them as a visual HTML report, then grill through whichever one you pick.

community

lobehub/add-provider-doc

Add documentation for a new AI provider — usage docs, env vars, Docker config, image resources.

community

addyosmani/browser-testing-with-devtools

Tests in real browsers via Chrome DevTools MCP. Use when building or debugging anything that runs in a browser. Use when you need to inspect the DOM, capture console errors, analyze network requests, profile performance, or verify visual output with real runtime data. Requires the chrome-devtools MCP server to be configured.

community

bytedance/chart-visualization

This skill should be used when the user wants to visualize data. It intelligently selects the most suitable chart type from 26 available options, extracts parameters based on detailed specifications, and generates a chart image using a JavaScript script.

community
← More Bild skills