📋 محتويات الصفحة
📖 الوصف
Chromatic هي أداة اختبار بصري متكاملة لـ Storybook من Storybook creators. توفر Chromatic اختبار بصري تلقائي مع مراجعة بشرية للخطايا البصرية، وتحديث snapshots تلقائياً. يدعم Chromatic: Visual Testing، Component Testing، UI Review، و CI/CD Integration. يوفر أيضاً Publish Storybook online و Share stor...
🎯 يستخدم في
مجالات استخدام هذه الأداة
•
Visual Testing
•
Storybook Testing
•
Component Testing
•
UI Review
•
Snapshot Comparison
✨ المميزات
أبرز مميزات هذه الأداة
✓
Easy Storybook Integration
✓
easy Automatic Snapshots
✓
easy Visual Diff
✓
easy Review UI
✓
easy CI/CD
✓
easy Share URLs
✓
easy Multiple Viewports
⚠️ العيوب
نقاط يجب مراعاتها
×
مدفوع
×
يعتمد على Storybook
×
قد يكون بطيئاً
×
محدود في الميزات المتقدمة
💻 مثال على الاستخدام
كيفية استخدام هذه الأداة
// npm install chromatic
// .github/workflows/chromatic.yml
name: Chromatic
on: push
jobs:
chromatic:
runs-on: ubuntu-latest
steps:
- uses: actions/checkout@v2
- name: Install dependencies
run: npm install
- name: Publish to Chromatic
uses: chromaui/action@v1
with:
token: ${{ secrets.GITHUB_TOKEN }}
projectToken: ${{ secrets.CHROMATIC_PROJECT_TOKEN }}
// أو من سطر الأوامر
// npx chromatic --project-token=YOUR_TOKEN📚 أدوات أخرى في Testing
قد يعجبك أيضاً