playwright-skill
أتمتة اختبار المتصفح باستخدام Playwright
También disponible en: sickn33
تعمل مهارة Playwright على أتمتة اختبار الويب من خلال تنفيذ المتصفح المرئي. وهي تكتشف خوادم التطوير المحلية، وتكتب نصوص الاختبار إلى التخزين المؤقت، وتتعامل مع ملء النماذج ولقطات الشاشة والتحقق من التصميم المتجاوب دون إرباك مشروعك.
Descargar el ZIP de la skill
Subir en Claude
Ve a Configuración → Capacidades → Skills → Subir skill
Activa y empieza a usar
Pruébalo
Usando "playwright-skill". Take a screenshot of http://localhost:3000
Resultado esperado:
تكتشف مهارة Playwright الخادم على المنفذ 3000، وتكتب نص الاختبار إلى /tmp/playwright-test-screenshot.js، وتُشغل متصفح Chromium المرئي، وتنتقل إلى الصفحة، والتقط لقطة شاشة كاملة الصفحة إلى /tmp/screenshot.png، وتُبلغ عن الإكمال مع مسار الملف.
Usando "playwright-skill". Test responsive design at 1920x1080, 768x1024, and 375x667
Resultado esperado:
تنشئ المهارة نص اختبار بثلاث تكوينات لمنطقة العرض، وتلتقط لقطات شاشة لكل حجم باسم desktop.png وtablet.png وmobile.png في /tmp، وتُلخص النتائج مع مسارات الملفات وأي تحولات تخطيط ملحوظة.
Usando "playwright-skill". Test login with username admin and password test123
Resultado esperado:
يُملأ نص الاختبار حقول نموذج تسجيل الدخول، وينقر على زر الإرسال، وينتظر التنقل، ويتحقق من أن عنوان URL الحالي يحتوي على dashboard، ويُبلغ عن نجاح أو فشل تسجيل الدخول مع دليل لقطة الشاشة المحفوظ في /tmp.
Auditoría de seguridad
Riesgo bajoThis 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.
Problemas de riesgo bajo (5)
Factores de riesgo
⚙️ Comandos externos (1)
📁 Acceso al sistema de archivos (2)
🌐 Acceso a red (1)
Puntuación de calidad
Lo que puedes crear
اختبار الانحدار الآلي
يقوم مهندسو ضمان الجودة بأتمتة حالات الاختبار المتكررة من خلال طلب كتابة نصوص Playwright وتنفيذها. تكتشف المهارة خوادم التطوير وتُشغل الاختبارات بالمتصفح المرئي وتلتقط لقطات شاشة للفشل.
التحقق من التصميم المتجاوب
يختبر مطورو الواجهة الأمامية التخطيطات عبر نقاط التوقف من خلال طلب لقطات شاشة متعددة المناطق. تختبر المهارة أحجام سطح المكتب والجهاز اللوحي والهاتف المحمول، مع الإبلاغ عن تحولات التخطيط والأخطاء البصرية.
اختبار سير العمل من البداية إلى النهاية
يختبر مطورو التطبيق الكامل رحلات المستخدم الكاملة من تسجيل الدخول إلى الدفع. تملأ المهارة النماذج وتنتقل بين الصفحات وتنتظر العمليات غير المتزامنة وتتحقق من حالات النجاح.
Prueba estos prompts
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.
Mejores prácticas
- استخدم دائمًا مساعد detectDevServers عند اختبار localhost للعثور على المنفذ الصحيح تلقائيًا
- اكتب نصوص الاختبار إلى دليل /tmp لتجنب إرباك مشروعك ملفات الأتمتة المؤقتة
- استخدم وضع المتصفح المرئي لتصحيح الأخطاء عن طريق تعيين headless false، ثم انتقل إلى headless true لأنابيب CI
Evitar
- لا تُثبّت عناوين URL الإنتاج أو بيانات اعتماد المستخدمين الحقيقيين في نصوص الاختبار المُشاركة علنًا
- تجنب اختبار المواقع الخارجية دون إذن أو معرفة حدود المعدل
- لا تكتب ملفات الاختبار إلى أدلة المشروع عندما يكون /tmp متاحًا وأكثر أمانًا