فايبرتيست: استخدام خادم MCP: اختبار ضمان الجودة المدعوم بالذكاء الاصطناعي

هل أنت مستعد للتخلص من أخطاء مواقع الويب المزعجة باستخدام Vibetest-use MCP؟ تتيح لك هذه الجوهرة مفتوحة المصدر، المدعومة بـ Browser-Use، إطلاق العنان لوكلاء الذكاء الاصطناعي للزحف إلى موقعك، واكتشاف أخطاء 404 والأزرار المعطلة ومشاكل واجهة المستخدم في أقل من دقيقة. لقد وجدتها على GitHub، وهي تُغير قواعد اللعبة تمامًا في الاختبارات الآلية. بأمر واحد فقط، يمكنك تشغيل وكلاء متعددين لاختبار موقعك بشكل مكثف - سواء كان محليًا أو مباشرًا. في هذا البرنامج التعليمي، سأوضح لك كيفية إعداد Vibetest-use MCP، وتشغيل الاختبارات على موقع محلي أو مباشر، وجعل عملية ضمان الجودة (QA) أمرًا سهلاً للغاية. هيا بنا نقضي على هذه الأخطاء!

💡

هل تعمل مع واجهات برمجة التطبيقات (APIs) أو تقوم بتوثيق المشاريع؟ احصل على APIdog لتصميم واختبار ومشاركة وثائق واجهة برمجة التطبيقات بسهولة - مثالي لسير عمل Vibetest-use MCP الخاص بك!

button

لماذا يعتبر Vibetest-use MCP بطلًا خارقًا في ضمان الجودة (QA)

Vibetest-use MCP هي أداة مدعومة بـ Browser-Use تقوم بأتمتة اختبار ضمان الجودة (QA) عن طريق نشر وكلاء الذكاء الاصطناعي للزحف إلى مواقع الويب وتحديد المشكلات مثل الروابط المعطلة أو الأزرار غير المستجيبة أو أخطاء واجهة المستخدم. تم بناء الأداة على بروتوكول سياق النموذج (MCP)، وتتكامل مع Browser-Use للتحكم في المتصفحات (Chrome، Firefox، إلخ) عبر Playwright، مما يضمن اختبارًا شاملاً. يسلط مستودع GitHub الضوء على قدرتها على اختبار أي عنوان URL - مواقع مباشرة مثل https://example.com أو إعدادات محلية مثل localhost:3000 - مع عدد وكلاء قابل للتكوين (على سبيل المثال، 3 أو 5 أو 10) لإجراء مسح أعمق. من اختبار موقع تطوير إلى تطبيق إنتاجي، يجعل Vibetest-use MCP ضمان الجودة نزهة في الحديقة.

إعداد Vibetest-use MCP

دعنا نجعل Vibetest-use MCP يعمل. هذا سهل للمبتدئين، وسأبقي الأمور واضحة!

1. استنساخ المستودع وإعداد بيئة افتراضية:

استنسخ المستودع وجهز بيئة بايثون:

git clone https://github.com/browser-use/vibetest-use.git
cd vibetest-use
uv venv
source .venv/bin/activate  # macOS/Linux
.venv\Scripts\activate     # Windows
uv pip install -e .

يقوم هذا بتثبيت التبعيات وإعداد بيئة خادم MCP.

2. تكوين متغيرات البيئة الخاصة بك:

يحتاج Vibetest-use MCP إلى مفتاح Google API لبعض الميزات. قم بتصديره أو إضافته إلى ملف .env:

export GOOGLE_API_KEY="your_google_api_key_here"

بدلاً من ذلك، قم بإنشاء ملف .env:

GOOGLE_API_KEY=your_google_api_key_here

احصل على مفتاح من console.cloud.google.com.

3. تشغيل خادم MCP:

ابدأ تشغيل الخادم:

.venv/bin/vibetest-mcp

يقوم هذا بتشغيل خادم MCP، جاهزًا لقبول أوامر الاختبار.

لقد قمت بإعداد هذا في 10 دقائق - سريع وغير مؤلم!

أمثلة على حالات الاستخدام لـ Vibetest-use MCP

هل أنت مستعد للاختبار باستخدام Vibetest-use MCP؟ إليك ثلاث طرق لاكتشاف الأخطاء بسرعة!

1. اختبار موقع ويب مباشر باستخدام وكلاء متعددين:

اختبر موقعًا مباشرًا مثل https://example.com باستخدام 6 وكلاء:

vibetest my website with 6 agents: https://example.com

خمسة وكلاء Browser-Code يزحفون بالتوازي، يتحققون من الروابط المعطلة، أخطاء واجهة المستخدم، أو مشاكل إمكانية الوصول. توقع مخرجات مثل: "404 في /page-not-found، زر غير مستجيب في /submit."

2. اختبار موقع تطوير محلي (Localhost):

اختبر خادم التطوير المحلي الخاص بك (على سبيل المثال، localhost:3000):

run vibetest on localhost:3000

يساعد هذا في اكتشاف المشكلات مبكرًا، مثل عنصر div غير متناسق وجدته في موقع اختبار!

3. اختبار بدون واجهة رسومية (Headless Testing) مع عدد وكلاء مخصص:

لأغراض CI/CD، قم بتشغيل الاختبار بدون واجهة رسومية باستخدام 10 وكلاء:

run a headless vibetest on localhost:8080 with 10 agents

وضع Headless يعمل بدون متصفحات مرئية، ويقوم بتسجيل النتائج (على سبيل المثال، --output results.json). مثالي لخطوط الأنابيب المؤتمتة.

استغرقت هذه الاختبارات أقل من 60 ثانية لكل منها - Vibetest-use MCP هو شيطان سرعة!

دمج Vibetest-use MCP مع Claude Code Desktop

هل تريد تشغيل اختبارات Vibetest-use MCP من Claude Code Desktop؟ إليك كيفية دمجها.

1. إضافة خادم Vibetest MCP إلى Claude Desktop:

استخدم واجهة سطر الأوامر (CLI) الخاصة بـ Claude:

claude mcp add vibetest /full/path/to/vibetop-use/.venv/bin/vibetest-mcp -e GOOGLE_API_KEY="your_google_api_key"

يقوم هذا بتسجيل الخادم مع Claude Desktop، مع تمرير مفتاح Google API الخاص بك.

2. التحقق من الاتصال:

افتح Claude Desktop واكتب:

/mcp

تحقق من أن خادم vibetest يظهر على أنه متصل.

3. تشغيل أوامر Vibetop:

في Claude Desktop، أدخل:

Vibetest my website with 5 agents: https://example.com
Run vibetop on localhost:3000

يقوم Claude بإعادة توجيه الأوامر إلى خادم MCP، وإرجاع نتائج الاختبار.

لقد اختبرت موقعًا عبر Claude Desktop، وقام بتحديد خطأ في نموذج على الفور - سلس للغاية!

استخدام Vibetest-use MCP مع Cursor

هل تفضل واجهة Cursor الأنيقة؟ إليك كيفية إعداد Vibetest-use MCP للاختبار.

1. إضافة خادم MCP عبر واجهة إعدادات Cursor:

افتح Cursor Settings > MCP (الشريط الجانبي الأيسر).
انقر فوق Add Server أو زر "+".
أضف هذا التكوين (اضبط المسارات والمفتاح):

{
  "mcpServers": {
    "vibetest": {
      "command": "/full/path/to/vibetop-use/.venv/bin/vibetest-mcp",
      "env": {
        "GOOGLE_API_KEY": "your_google_api_key"
      }
    }
  }
}

احفظ وأعد تشغيل Cursor إذا لزم الأمر.

2. استخدام أوامر Vibetest في Cursor:

في واجهة الدردشة أو الأوامر في Cursor، جرب:

Vibetest my website with 5 agents: https://example.com
Run vibetest on localhost:3000
Run a headless vibetest on localhost:8080 with 10 agents

يتواصل Cursor مع خادم MCP، ويعرض النتائج مباشرة.

لقد قمت بتشغيل اختبار بدون واجهة رسومية في Cursor، وكانت مخرجات JSON واضحة تمامًا - جنة ضمان الجودة!

تخصيص Vibetest-use MCP لاحتياجاتك

هل تريد تعديل Vibetest-use MCP؟ إليك كيفية جعله خاصًا بك.

1. ضبط عدد الوكلاء:

استخدم --agents 2 للمسح السريع أو --agents 10 للاختبار العميق. المزيد من الوكلاء يعني تغطية أفضل ولكن استخدام ذاكرة أعلى.

2. استهداف ميزات محددة:

عدّل ملف prompts.py لاختبار تدفقات محددة (مثل عملية الدفع):

prompt = "Vibetest with 3 the checkout flow on {website}. Verify cart updates and payment buttons."

شغّل:

uv run vibetest --url https://shop.com --prompt "Test checkout flow"

3. التكامل مع CI/CD (Ubuntu):

أضف إلى GitHub Actions:

name: QA with Vibetest-use
on: [push]
jobs:
  test:
    runs-on: ubuntu-latest
    steps:
      - uses: actions/checkout@v4
      - run: |
          curl -LsSf https://astral.sh/uv/install.sh | sh
          uv venv
          source .venv/bin/activate
          uv pip install -e .
          uv pip install playwright
          uv run playwright install chromium
          uv run vibetest --url http://localhost:3000 --agents 5 --output results.json
      env:
        GOOGLE_API_KEY: ${{ secrets.GOOGLE_API_KEY }}

4. استخدام DeepSeek للذكاء:

قم بالإقران مع DeepSeek:

uv run vibetest --url https://example.com --llm deepseek-chat

يعزز القدرة على الاستدلال للاختبارات المعقدة.

استكشاف ميزات Vibetest-use MCP

Vibetest-use MCP مليء بأدوات ضمان الجودة المفيدة. تحقق من هذه:

الاختبار المتوازي (Parallel Testing): قم بتشغيل أكثر من 10 وكلاء للمسح في أقل من 60 ثانية، كما هو شائع على X.

2. الاختبار عبر المتصفحات (Cross-Browser Testing): اختبر Firefox/Safari عبر ملف playwright.config.ts:

{ browserName: 'firefox' }

3. وضع البحث العميق (Deep Research Mode): استخدم mcp-browser-cli --deep-research لتحليل تجربة المستخدم (UX)، مع حفظ تقارير Markdown.

4. المجتمع (Community): انضم إلى قناة Browser-Code على Discord أو GitHub (38 نجمة) لمشاركة الأفكار.

لقد اكتشفت خللًا يظهر فقط في Firefox أثناء الاختبار - Vibetest-use MCP بطل ضمان الجودة!

خلاصة: أتقن Vibetest-use MCP

لقد أطلقت العنان لـ Vibetest-use MCP لأتمتة ضمان الجودة (QA) مثل المحترفين! من الإعداد إلى اختبار المواقع المباشرة والخوادم المحلية، والتكامل مع Claude Desktop أو Cursor، أنت جاهز للحفاظ على تطبيقاتك خالية من الأخطاء. جرب تجربة المزيد من الوكلاء، DeepSeek، أو CI/CD، وتأكد من توثيق واجهات برمجة التطبيقات الخاصة بك باستخدام APIdog. شارك نجاحاتك مع Vibetest-use MCP على X أو GitHub - أنا متحمس لرؤية مستوى ضمان الجودة الخاص بك يرتفع! 🚀

button