إعداد Vitest/Jest لـ TS
ثبّت Vitest أو Jest واضبطه لمشاريع TypeScript، واكتب اختبارًا صغيرًا وشغّله.
إعداد Vitest/Jest لـ TS درس مجاني في TypeScript Academy على CoddyKit. هذا هو الدرس 1 من أصل 3. يمكنك قراءة الدرس كاملاً أدناه مجاناً — ثم تمرن عليه مباشرة في المتصفح باستخدام محرر أكواد مدمج ومدرس ذكاء اصطناعي متاح 24/7. هذا الدرس جزء من مسار التعلم في TypeScript Academy، وتقدمك يتزامن عبر الويب وتطبيق CoddyKit. تتضمن دورة TypeScript Academy 3 دروس في المجموع.
مقدمة
الهدف: إعداد Vitest أو Jest للعمل مع TypeScript. ستثبّت التبعيات، وتضيف إعدادًا، وتكتب اختبارًا صغيرًا، ثم تشغّله.
تثبيت Vitest
Vitest مدمج أصلاً مع Vite: بدء تشغيل سريع، ونهج يعتمد على ESM أولًا، وتجربة تطوير ممتازة. ثبّته إلى جانب @types/node لاستخدام المتغيرات العامة.
npm install --save-dev vitest @vitest/ui @types/nodeمثال Vitest
أضف vitest.config.ts، واكتب اختبارًا صغيرًا، ثم شغّله باستخدام npx vitest أو سكربت npm test.
// vitest.config.ts
import { defineConfig } from "vitest/config";
export default defineConfig({
test: { globals: true }
});
// src/sum.ts
export const sum = (a: number, b: number) => a + b;
// src/sum.test.ts
import { sum } from "./sum";
import { describe, expect, it } from "vitest";
describe("sum", () => {
it("adds numbers", () => {
expect(sum(2, 3)).toBe(5);
});
});تثبيت Jest
يحتاج Jest إلى محوّل للغة TS. استخدم ts-jest لترجمة الاختبارات أثناء التشغيل.
npm install --save-dev jest ts-jest @types/jest @types/nodeمثال Jest
اضبط preset: "ts-jest". سيشغّل Jest اختبارات .ts من دون خطوة بناء.
// jest.config.js
module.exports = {
preset: "ts-jest",
testEnvironment: "node",
};
// src/sum.test.ts
import { sum } from "./sum";
test("adds numbers", () => {
expect(sum(2, 3)).toBe(5);
});السكربتات
أضف سكربتات لسير عمل سلس. استخدم وضع المراقبة للحصول على ملاحظات سريعة أثناء التطوير.
// package.json (scripts)
{
"scripts": {
"test": "vitest",
"test:ui": "vitest --ui",
"test:jest": "jest"
}
}سؤال
تحقق سريع: في إعداد يجمع Jest وTS، ماذا يفعل ts-jest؟
مراجعة
مراجعة: يعمل كل من Vitest (المدمج أصلاً مع Vite) وJest (المستخدم على نطاق واسع) بشكل ممتاز مع TS. اضبطهما مرة واحدة، ثم شغّل الاختبارات في وضع المراقبة أو في CI.
الأسئلة الشائعة
هل درس «إعداد Vitest/Jest لـ TS» مجاني؟
نعم — نص درس «إعداد Vitest/Jest لـ TS» كامل متاح مجاناً هنا على الويب. لتمرينه بشكل تفاعلي (محرر أكواد مدمج ومدرس ذكاء اصطناعي متاح 24/7) وفتح باقي دورة TypeScript Academy، انتقل إلى CoddyKit PRO. تتضمن دورة TypeScript Academy 3 دروس في المجموع.
ماذا ستتعلم في «إعداد Vitest/Jest لـ TS»؟
ثبّت Vitest أو Jest واضبطه لمشاريع TypeScript، واكتب اختبارًا صغيرًا وشغّله. تتمرن على TypeScript Academy مع أكواد عملية تشغلها مباشرة في المتصفح، ومدرس ذكاء اصطناعي متاح 24/7 يجيب على أسئلتك أثناء عملك.
هل أحتاج إلى خبرة سابقة لأبدأ TypeScript Academy؟
لا تُشترط خبرة سابقة. TypeScript Academy على CoddyKit منظم للمبتدئين حتى المتقدمين، لذا يمكنك البدء من هنا أو من البداية والتقدم بسرعتك الخاصة. هذا هو الدرس 1 من أصل 3.
كم من الوقت يستغرق درس «إعداد Vitest/Jest لـ TS»؟
معظم دروس CoddyKit تستغرق حوالي 5–10 دقائق. كل منها موجز وتفاعلي، لذا تحرز تقدماً مستمراً وتستأنف من حيث توقفت عبر الويب والتطبيق.
هل يمكنني كتابة وتشغيل أكواد في درس TypeScript Academy هذا؟
نعم. كل درس في TypeScript Academy يتضمن محرر أكواد مدمج، لذا تكتب وتشغل أكواداً حقيقية مباشرة في متصفحك وتحصل على تعليقات فورية من الذكاء الاصطناعي — بدون إعداد محلي.
جميع الدروس في هذه الدورة
- إعداد Vitest/Jest لـ TS
- كتابة الاختبارات والمحاكاة؛ expectTypeOf
- لمحات عن كتابة اختبارات E2E (Playwright/Cypress)