📋 محتويات الصفحة
📖 الوصف
Vitest هو إطار اختبار حديث سريع مبني على Vite، مصمم خصيصاً لمشاريع Vite و ESM. يوفر Vitest نفس واجهة Jest API مع تكامل طبيعي مع Vite config و HMR الفوري. يدعم Vitest TypeScript، React، Vue، Angular، Svelte وغيرها، ويتضمن ميزات مثل: Snapshot testing، Coverage عبر c8، و Workspaces للمشاريع الكبيرة.
🎯 يستخدم في
مجالات استخدام هذه الأداة
•
اختبار الوحدات (Unit Tests)
•
اختبار المكونات (Component Tests)
•
Integration Testing
•
Snapshot Testing
•
Coverage Reporting
✨ المميزات
أبرز مميزات هذه الأداة
✓
Easy Vite-native
✓
Easy HMR فورية
✓
Easy Jest API
✓
Easy TypeScript
✓
Easy Coverage
✓
Easy Workspaces
✓
Easy Watch Mode
⚠️ العيوب
نقاط يجب مراعاتها
×
جديد نسبياً
×
مجتمع أصغر من Jest
×
قد يفتقر بعض الميزات المتقدمة
×
بعض الحزم قد لا تتوافق
💻 مثال على الاستخدام
كيفية استخدام هذه الأداة
// vite.config.ts
import { defineConfig } from 'vitest/config'
import react from '@vitejs/plugin-react'
export default defineConfig({
plugins: [react()],
test: {
environment: 'jsdom',
globals: true,
coverage: {
provider: 'istanbul'
}
}
})
// math.test.ts
import { describe, it, expect } from 'vitest'
describe('Math functions', () => {
it('adds numbers correctly', () => {
expect(1 + 2).toBe(3)
})
it('handles negative numbers', () => {
expect(-5 + 3).toBe(-2)
})
})📚 أدوات أخرى في Testing
قد يعجبك أيضاً