Compétences webapp-testing
🧪

webapp-testing

Risque faible ⚡ Contient des scripts🌐 Accès réseau📁 Accès au système de fichiers⚙️ Commandes externes

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

Également disponible depuis: ZhanlinCui,AutumnsGrove,Azeem-2,DYAI2025,Cam10001110101,7Spade,7Spade,sickn33,ComposioHQ,davila7,anthropics

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

Prend en charge: Claude Codex Code(CC)
⚠️ 68 Médiocre
1

Télécharger le ZIP du skill

2

Importer dans Claude

Allez dans Paramètres → Capacités → Skills → Importer un skill

3

Activez et commencez à utiliser

Tester

Utilisation de "webapp-testing". Test my React app on port 5173. Find all buttons and take a screenshot.

Résultat attendu:

  • Navigated to http://localhost:5173 and waited for network idle
  • Found 4 buttons: Submit, Cancel, Save Changes, Delete Account
  • Took full-page screenshot saved to /tmp/page_discovery.png

Utilisation de "webapp-testing". Debug the login form on my local app. Capture console errors.

Résultat attendu:

  • Started server on port 3000
  • Captured 3 console errors: Uncaught ReferenceError, TypeError in auth.js
  • Saved logs to /tmp/login-debug.log
  • Screenshot of error state saved to /tmp/login-error.png

Audit de sécurité

Risque faible
v5 • 1/16/2026

Legitimate web testing toolkit using Playwright. Static findings are false positives: LICENSE.txt cryptographic warnings are standard legal text, subprocess usage is user-controlled for local dev servers, markdown backticks in SKILL.md are documentation formatting. No data exfiltration, credential theft, or persistence mechanisms detected.

7
Fichiers analysés
814
Lignes analysées
5
résultats
5
Total des audits
Problèmes à risque moyen (1)
scripts/with_server.py:69-74
Shell execution with user-controlled commands
with_server.py uses subprocess.Popen with shell=True to execute server commands provided via CLI. This is intentional for supporting compound shell commands. Commands are user-provided for local development.

Facteurs de risque

⚡ Contient des scripts (1)
scripts/with_server.py:1-106
🌐 Accès réseau (1)
examples/console_logging.py:5
📁 Accès au système de fichiers (1)
examples/element_discovery.py:37-38
⚙️ Commandes externes (1)
scripts/with_server.py:69-74
Audité par: claude Voir l’historique des audits →

Score de qualité

45
Architecture
100
Maintenabilité
87
Contenu
22
Communauté
85
Sécurité
83
Conformité aux spécifications

Ce que vous pouvez construire

اختبار تطبيقات React و Vue و Svelte

أتمتة اختبار التفاعل لتطبيقات الصفحة الواحدة أثناء التطوير.

إنشاء مجموعات اختبار شاملة

بناء اختبارات واجهة مستخدم آلية تتحقق من إرسال النماذج وتدفقات المستخدم.

تصحيح أخطاء الواجهة الأمامية عن بُعد

التقاط لقطات الشاشة وسجلات وحدة التحكم لتشخيص أخطاء JavaScript.

Essayez ces prompts

بدء خادم التطوير 
Use the webapp-testing skill to start a development server on port 5173 using npm run dev, then run a Playwright script to verify the homepage loads correctly.
العثور على عناصر الواجهة 
Use webapp-testing to navigate to http://localhost:3000, wait for network idle, then list all buttons, links, and input fields on the page.
التقاط صورة شاشة للخلل 
Start the dev server on port 5173, navigate to the dashboard, and take a full-page screenshot when the page loads. Save the screenshot to /tmp/dashboard.png.
تصحيح أخطاء وحدة التحكم 
Use webapp-testing to visit http://localhost:5173, capture all console messages, and save them to /tmp/console.log for debugging.

Bonnes pratiques

  • انتظر دائماً لحالة networkidle قبل فحص تطبيقات الويب الديناميكية
  • استخدم البرنامج النصي المساعد with_server.py لإدارة دورة حياة الخادم تلقائياً
  • قم بتشغيل البرامج النصية بعلامة --help أولاً لفهم الخيارات المتاحة

Éviter

  • لا تفحص عناصر DOM قبل اكتمال تحميل الصفحة
  • لا تنسَ إغلاق المتصفح بعد اكتمال الأتمتة
  • لا تستخدم محددات ثابتة دون اكتشافها ديناميكياً أولاً

Foire aux questions

ما المتصفحات المدعومة؟
تستخدم هذه المهارة Chromium في وضع without headless بشكل افتراضي. يدعم Playwright أيضاً Firefox و WebKit.
هل يمكنني اختبار مواقع الإنتاج؟
تم تصميم هذه المهارة لخوادم التطوير المحلية. قد يؤدي اختبار مواقع الإنتاج إلى انتهاك شروط الخدمة.
كيف أقوم بتشغيل خوادم متعددة في وقت واحد؟
استخدم علامات --server و --port متعددة. مثال: --server npm run dev --port 5173 --server python api.py --port 3000.
هل بياناتي آمنة عند استخدام هذه المهارة؟
نعم. تعمل هذه المهارة محلياً على جهازك. لا تصل إلا إلى الملفات والخوادم التي تحددها صراحةً.
لماذا لا تقوم لقطة الشاشة بالتقاط الصفحة الكاملة؟
تأكد من استخدام full_page=True في استدعاء لقطة الشاشة وانتظر networkidle قبل الالتقاط.
كيف يختلف هذا عن Selenium أو Puppeteer؟
يوفر Playwright موثوقية أفضل وتنفيذ أسرع ودعم مدمج لميزات الويب الحديثة.

Détails du développeur

Auteur

ArtemisAI

Licence

Complete terms in LICENSE.txt

Dépôt

https://github.com/ArtemisAI/code-execution-with-MCP/tree/main/skills/webapp-testing

Réf

main

Structure de fichiers

📁 examples/

📄 console_logging.py

📄 element_discovery.py

📄 static_html_automation.py

📁 scripts/

📄 with_server.py

📄 LICENSE.txt

📄 SKILL.md