📋 محتويات الصفحة
📖 الوصف
Percy هي منصة لاختبار UI البصري من BrowserStack. تساعد Percy في اكتشاف الاختلافات البصرية في التطبيقات عبر المقارنة التلقائية بين لقطات الشاشة. يدعم Percy: Visual Regression Testing، Cross-browser Testing، و CI/CD Integration. يوفر أيضاً Percy Review لفرق لمراجعة التغييرات البصرية.
🎯 يستخدم في
مجالات استخدام هذه الأداة
•
Visual Regression Testing
•
Cross-browser Testing
•
Design Review
•
CI/CD Integration
•
UI Testing
✨ المميزات
أبرز مميزات هذه الأداة
✓
Easy Visual Diff
✓
easy Multiple Browsers
✓
easy Snapshot Comparison
✓
easy CI/CD Integration
✓
easy Team Review
✓
easy BrowserStack
✓
easy SDK Support
⚠️ العيوب
نقاط يجب مراعاتها
×
مدفوع
×
قد يكون بطيئاً
×
محدود في الميزات المتقدمة
×
يحتاج BrowserStack
💻 مثال على الاستخدام
كيفية استخدام هذه الأداة
// npm install @percy/cli
// Percy with Storybook
// npm install @percy/storybook
// package.json
{
"scripts": {
"test:visual": "percy storybook ./storybook-static"
}
}
// Percy with Playwright
const { percySnapshot } = require('@percy/playwright')
test('homepage is stable', async ({ page }) => {
await page.goto('https://example.com')
await percySnapshot(page, 'Homepage')
})📚 أدوات أخرى في Testing
قد يعجبك أيضاً