Habilidades webapp-testing
🧪

webapp-testing

Riesgo bajo ⚡ Contiene scripts🌐 Acceso a red📁 Acceso al sistema de archivos⚙️ Comandos externos

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

También disponible en: 7Spade,ZhanlinCui,7Spade,AutumnsGrove,DYAI2025,Azeem-2,sickn33,Cam10001110101,anthropics,ComposioHQ,ArtemisAI

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

Soporta: Claude Codex Code(CC)
📊 69 Adecuado
1

Descargar el ZIP de la skill

2

Subir en Claude

Ve a Configuración → Capacidades → Skills → Subir skill

3

Activa y empieza a usar

Pruébalo

Usando "webapp-testing". انتقل إلى تطبيق React المحلي على المنفذ 5173، واعثر على جميع الأزرار، والتقط لقطة شاشة

Resultado esperado:

  • تم العثور على 5 أزرار: إرسال، إلغاء، حفظ التغييرات، حذف الحساب، مساعدة
  • تم العثور على 3 حقول إدخال: اسم المستخدم (نص)، بريد إلكتروني (بريد إلكتروني)، كلمة مرور (كلمة مرور)
  • تم حفظ لقطة الشاشة في /tmp/page_discovery.png
  • اكتمل الاختبار بنجاح

Usando "webapp-testing". ابدأ خادم التطوير Node.js الخاص بي وشغّل سكريت أتمتة لاختبار تدفق تسجيل الدخول

Resultado esperado:

  • جاري بدء الخادم على المنفذ 3000...
  • انتظار جاهزية الخادم...
  • الخادم جاهز على المنفذ 3000
  • تشغيل سكريت الأتمتة...
  • نجح اختبار تسجيل الدخول: تم إرسال النموذج، تم التحويل إلى لوحة التحكم بنجاح
  • أخطاء وحدة التحكم: 0

Auditoría de seguridad

Riesgo bajo
v5 • 1/17/2026

Legitimate webapp testing toolkit. All static findings are false positives: subprocess usage is for local server management, hardcoded URLs are localhost for testing, temp directory access is for screenshots/logs, and 'weak crypto' flags are from Apache license text and base64 encoding. No data exfiltration or malicious behavior detected.

7
Archivos escaneados
795
Líneas analizadas
4
hallazgos
5
Auditorías totales

Factores de riesgo

⚡ Contiene scripts (1)
scripts/with_server.py:69-88
🌐 Acceso a red (1)
scripts/with_server.py:23-32
📁 Acceso al sistema de archivos (2)
examples/static_html_automation.py:1-32 examples/console_logging.py:31-32
⚙️ Comandos externos (1)
scripts/with_server.py:69-88
Auditado por: claude Ver historial de auditorías →

Puntuación de calidad

45
Arquitectura
100
Mantenibilidad
87
Contenido
21
Comunidad
90
Seguridad
83
Cumplimiento de la especificación

Lo que puedes crear

التحقق من سلوك واجهة المستخدم

أتمتة النقر، وملء النماذج، والتحقق من حالة الصفحة لتطبيقات الويب.

الاختبار الشامل

إنشاء سكريتات اختبار آلية تتحقق من وظائف الواجهة الأمامية دون اختبار المتصفح اليدوي.

استخراج المحتوى الديناميكي

استخراج البيانات من الصفحات المقدمة ديناميكياً عن طريق انتظار تنفيذ JavaScript.

Prueba estos prompts

اختبار الصفحة الأساسي 
استخدم مهارة اختبار تطبيقات الويب لتشغيل Chromium في الوضع الخفي، والانتقال إلى http://localhost:5173، وانتظار حالة الشبكة الخاملة، والتقاط لقطة شاشة، والتحقق من عنوان الصفحة.
اكتشاف العناصر 
استخدم مهارة اختبار تطبيقات الويب لاكتشاف جميع الأزرار والروابط وحقول الإدخال على الصفحة المحلية على http://localhost:5173. اطبع العدد ووصف كل عنصر.
أتمتة النماذج 
استخدم مهارة اختبار تطبيقات الويب لملء نموذج ببيانات الاختبار، وإرساله، وانتظار الاستجابة، والتقاط أي رسائل خطأ في وحدة التحكم.
اختبار الخوادم المتعددة 
استخدم with_server.py لبدء تشغيل خادم الخلفية على المنفذ 3000 والواجهة الأمامية على المنفذ 5173. ثم تشغيل سكريت Playwright الذي يختبر الاتصال بين كلا الخدمتين.

Mejores prácticas

  • استخدم دائماً الوضع الخفي للاختبار الآلي لتجنب الحمل الزائد لواجهة المستخدم الرسومية للمتصفح.
  • انتظر حالة الشبكة الخاملة قبل فحص تطبيقات الويب الديناميكية.
  • استخدم سكريت المساعد with_server.py لإدارة دورة حياة الخادم تلقائياً.

Evitar

  • فحص DOM قبل انتظار الشبكة الخاملة على التطبيقات الديناميكية.
  • تخطي إغلاق المتصفح بعد اكتمال الاختبار.
  • استخدام محددات غير مستقرة بدون استراتيجيات انتظار مناسبة.

Preguntas frecuentes

هل تعمل هذه المهارة مع متصفحات أخرى غير Chromium؟
نعم، يدعم Playwright Chromium وFirefox وWebKit. عدل browser.launch() مع نوع المتصفح المطلوب.
هل يمكنني اختبار الصفحات المحمية بكلمة مرور؟
نعم، استخدم page.fill() لإدخال بيانات الاعتماد وpage.click() لإرسال نماذج تسجيل الدخول قبل اختبار المحتوى المحمي.
هل أحتاج إلى تثبيت Playwright بشكل منفصل؟
نعم، قم بتشغيل pip install playwright وplaywright install لتثبيت المتصفحات قبل استخدام هذه المهارة.
كيف أتعامل مع تطبيقات الصفحة الواحدة؟
استخدم page.wait_for_load_state('networkidle') بعد التنقل لانتظار اكتمال عرض JavaScript.
هل بياناتي آمنة عند تشغيل هذه السكريبتات؟
نعم، تعمل السكريبتات محلياً على جهازك. لا يتم إرسال أي بيانات إلى خوادم خارجية. يتم كتابة الملفات في /tmp/ أو /mnt/user-data/outputs/.
هل يمكنني اختبار مواقع HTTPS أو localhost مع شهادات مخصصة؟
نعم، يمكن لـ Playwright قبول الشهادات الموقعة ذاتياً. استخدم خيار ignoreHTTPSErrors في browser.new_context().

Detalles del desarrollador

Autor

davila7

Licencia

Complete terms in LICENSE.txt

Repositorio

https://github.com/davila7/claude-code-templates/tree/main/cli-tool/components/skills/development/webapp-testing

Ref.

main

Estructura de archivos

📁 examples/

📄 console_logging.py

📄 element_discovery.py

📄 static_html_automation.py

📁 scripts/

📄 with_server.py

📄 LICENSE.txt

📄 SKILL.md