إيهاب فايز Webflow Premium Partner
احجز مكالمة
العودة لمهارات الوكيل
التطوير والاختبار مميز

Playwright MCP

أتمتة اختبارات المتصفح والتفاعل مع صفحات الويب برمجيًا للتحقق من الواجهات.

Claude Code Cursor Copilot Windsurf

نظرة عامة

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

يعتمد السيرفر على مكتبة Playwright القوية ويوفر أدوات مثل التنقل بين الصفحات، انتظار العناصر، تنفيذ JavaScript في المتصفح، والتقاط لقطات للمقارنة البصرية. هذا يتيح للوكيل كتابة اختبارات E2E وتشغيلها ثم تحليل النتائج تلقائياً.

مثالي لفرق الـ QA والمطورين الذين يريدون أتمتة اختبارات الواجهة والتحقق البصري من التطبيقات مباشرة من بيئة التطوير.

لمن هذه الأداة؟

  • مهندسي QA الذين يكتبون اختبارات E2E تلقائياً
  • مطوري الواجهات الذين يتحققون من التغييرات البصرية
  • فرق التطوير التي تحتاج اختبارات عبر متصفحات متعددة
  • مطورين يريدون أتمتة سيناريوهات المستخدم المعقدة

التثبيت

إعداد Claude Code
Add to .claude/settings.json:
{"mcpServers":{"playwright":{"command":"npx","args":["-y","@playwright/mcp@latest"]}}}

الإعدادات

// playwright.config.ts
import { defineConfig } from "@playwright/test";
export default defineConfig({
  testDir: "./tests",
  use: { baseURL: "http://localhost:3000" },
});