حزمة ضمان جودة المتصفح
سيناريو

حزمة ضمان جودة المتصفح

إضافة مدمجة لضمان الجودة المعتمد على المتصفح عبر التفاعلات الآلية، والتحقق المرئي، وتصحيح أخطاء تطبيقات الويب المحلية.

3 مهارات 1 عمليات التثبيت
browsertestingautomationscreenshotsplaywright
تم التحديث قبل 4 يومًا

تثبيت

شغّل هذا الأمر لتثبيت جميع المهارات في هذا الحزمة:

npx skillstore add @browser-qa-kit

تكتشف CLI مجلدات Codex وClaude Code تلقائيًا وتثبّت فيهما عند توفرهما.

نظرة عامة

دليل الاستخدام

محسّن بالذكاء الاصطناعي

دليل مفصل

## نظرة عامة
تجمع Browser QA Kit ثلاث مهارات لضمان الجودة تركز على المتصفح لفحوصات واجهة المستخدم الشاملة: تفاعلات Playwright الآلية، والتحقق المرئي من لقطات الشاشة، وتصحيح أخطاء تطبيقات الويب المحلية باستخدام سجلات المتصفح. استخدمها عندما تحتاج إلى اختبار سلوك واجهة المستخدم الفعلي بدلا من فحص الكود فقط.

## البدء السريع
1. ثبّت الإضافة في مساحة عمل OpenClaw الخاصة بك عندما تحتاج إلى ضمان جودة معتمد على المتصفح لتطبيق ويب أو واجهة أمامية محلية.
2. استخدم `playwright-browser-automation` (`adammanuel-dev-playwright-browser-automation`) لاكتشاف خوادم التطوير تلقائيا، وتجربة الصفحات، وملء النماذج، والتحقق من تدفقات تسجيل الدخول، وفحص الروابط، والتقاط لقطات شاشة، وكتابة نصوص Playwright مؤقتة تحت `/tmp`.
3. استخدم `browser-testing-with-screenshots` (`agentworkforce-browser-testing-with-screenshots`) عندما تحتاج إلى تحقق مرئي: تشغيل تفاعلات Chrome، وتحديد العناصر، والتقاط لقطات شاشة، والتأكد من أن حالات واجهة المستخدم الرئيسية تبدو صحيحة.
4. استخدم `webapp-testing` (`artemisai-webapp-testing`) لتصحيح أخطاء تطبيقات الويب المحلية باستخدام Playwright، ولقطات شاشة المتصفح، وسجلات المتصفح، وفحوصات مركزة لسلوك الواجهة الأمامية.

## الأوامر الرئيسية
- `playwright-browser-automation` — أتمتة تفاعلات المتصفح، وفحوصات الاستجابة، وتدفقات تسجيل الدخول، وفحوصات الروابط، ولقطات الشاشة، والتحقق الواسع من مواقع الويب المعتمد على Playwright.
- `browser-testing-with-screenshots` — تشغيل اختبار مرئي للمتصفح باستخدام أتمتة Chrome، وتحديد العناصر، والتقاط لقطات شاشة لتأكيد وظائف واجهة المستخدم.
- `webapp-testing` — اختبار تطبيقات الويب المحلية باستخدام Playwright، وفحص سجلات المتصفح، وتصحيح سلوك واجهة المستخدم، والتقاط لقطات شاشة.

## نصائح
- ابدأ بـ `playwright-browser-automation` لتغطية التدفقات الكاملة، ثم استخدم `browser-testing-with-screenshots` لجمع أدلة مرئية على الانحدارات.
- بالنسبة لأخطاء الواجهة الأمامية التي لا يمكن إعادة إنتاجها إلا محليا، اقرن لقطات شاشة `webapp-testing` بسجلات المتصفح حتى يكون للإصلاح دليل مرئي ودليل أثناء التشغيل.
- احتفظ بلقطات الشاشة كأدلة خارجية لضمان الجودة بدلا من إدراجها في مستودعات التطبيقات.

المهارات

3
📦

playwright-browser-automation

مخاطر عالية 38

أتمتة اختبار المتصفح باستخدام Playwright

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

💻 البرمجة والتطوير بواسطة Claude Assistant ⚙️🌐🔑📁
📦

browser-testing-with-screenshots

مخاطر متوسطة 76

اختبار واجهات الويب بدليل مرئي من المتصفح

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

💻 البرمجة والتطوير بواسطة AgentWorkforce ⚙️🌐📁
📦

webapp-testing

مخاطر عالية 38

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

يصعب التحقق من سلوك تطبيق الويب المحلي من ملفات المصدر وحدها. ترشد هذه المهارة Claude وCodex وClaude Code خلال الفحص المعتمد على Playwright، ولقطات الشاشة، والسجلات، وفحوصات واجهة المستخدم.

💻 البرمجة والتطوير بواسطة ArtemisAI 🌐📁⚙️