playwright-skill
Automatisieren von Browser-Tests mit Playwright
متاح أيضًا من: sickn33
Das Playwright-Skill automatisiert Web-Tests mit sichtbarer Browser-Ausführung. Es erkennt lokale Entwicklungsserver, schreibt Test-Skripte in temporären Speicher und übernimmt das Ausfüllen von Formularen, Screenshots und Responsive-Design-Validierung, ohne Ihr Projekt zu belasten.
تنزيل ZIP المهارة
رفع في Claude
اذهب إلى Settings → Capabilities → Skills → Upload skill
فعّل وابدأ الاستخدام
اختبرها
استخدام "playwright-skill". Take a screenshot of http://localhost:3000
النتيجة المتوقعة:
Playwright-Skill erkennt Server auf Port 3000, schreibt Test-Skript nach /tmp/playwright-test-screenshot.js, startet sichtbaren Chromium-Browser, navigiert zur Seite, macht Vollbild-Screenshot nach /tmp/screenshot.png und meldet Fertigstellung mit Dateipfad.
استخدام "playwright-skill". Test responsive design at 1920x1080, 768x1024, and 375x667
النتيجة المتوقعة:
Skill erstellt Test-Skript mit drei Viewport-Konfigurationen, macht Screenshots jeder Größe mit Namen desktop.png, tablet.png, mobile.png in /tmp und fasst Ergebnisse mit Dateipfaden und beobachteten Layout-Verschiebungen zusammen.
استخدام "playwright-skill". Test login with username admin and password test123
النتيجة المتوقعة:
Skript füllt Login-Formularfelder aus, klickt auf Absenden-Button, wartet auf Navigation, verifiziert, dass aktuelle URL dashboard enthält, meldet Login-Erfolg oder -Fehler mit Screenshot-Beweis gespeichert in /tmp.
التدقيق الأمني
مخاطر منخفضةThis is a legitimate Playwright browser automation skill with 293 static findings that are nearly all false positives. The scanner flagged documentation examples in markdown files as code. Actual code review confirms legitimate patterns: npm install for setup, file operations in /tmp, and localhost dev server detection. No credential exfiltration, malicious network calls, or security vulnerabilities detected.
مشكلات منخفضة المخاطر (5)
عوامل الخطر
⚙️ الأوامر الخارجية (1)
📁 الوصول إلى نظام الملفات (2)
🌐 الوصول إلى الشبكة (1)
درجة الجودة
ماذا يمكنك بناءه
Automatisierte Regressionstests
QA-Ingenieure automatisieren repetitive Testfälle, indem sie das Skill bitten, Playwright-Skripte zu schreiben und auszuführen. Das Skill erkennt Entwicklungsserver, führt Tests mit sichtbarem Browser durch und macht Screenshots bei Fehlern.
Responsive-Design-Validierung
Frontend-Entwickler überprüfen Layouts auf verschiedenen Breakpoints, indem sie Multi-Viewport-Screenshots anfordern. Das Skill testet Desktop-, Tablet- und Mobile-Größen und meldet Layout-Verschiebungen und visuelle Fehler.
End-to-End-Workflow-Tests
Full-Stack-Entwickler testen komplette Benutzerabläufe vom Login bis zum Checkout. Das Skill füllt Formulare aus, navigiert durch Seiten, wartet auf asynchrone Operationen und validiert Erfolgszustände.
جرّب هذه الموجهات
Take a screenshot of http://localhost:3000
Test login at http://localhost:3001/login with username admin and password test123. Verify redirect to dashboard.
Test http://localhost:3000/products at desktop 1920x1080, tablet 768x1024, and mobile 375x667. Save screenshots and report layout issues.
Go to http://localhost:3000, click the signup button, fill email field with test@example.com, fill password with secure123, submit form, wait for success message, take screenshot.
أفضل الممارسات
- Verwenden Sie immer detectDevirs-Hilfe beim Testen von localhost, um den korrekten Port automatisch zu finden
- Schreiben Sie Test-Skripte in das /tmp-Verzeichnis, um Ihr Projekt nicht mit temporären Automatisierungsdateien zu belasten
- Verwenden Sie sichtbaren Browser-Modus zum Debuggen durch Setzen von headless false, dann wechseln Sie zu headless true für CI-Pipelines
تجنب
- Hartcodieren Sie keine Produktions-URLs oder echte Benutzerdaten in öffentlich geteilten Test-Skripten
- Vermeiden Sie das Testen externer Websites ohne Erlaubnis oder Rate-Limit-Bewusstsein
- Schreiben Sie keine Test-Dateien in Projektverzeichnisse, wenn /tmp verfügbar und sicherer ist