إضافة الاختبار إلى Next.js التطبيقات: دليل للدمج Unit Test

في هذا القسم، سنرشدك خلال عملية تحسين Next.js جودة تطبيقك عن طريق إضافة اختبارات الوحدة والتكامل. سنستخدم مكتبات الاختبار مثل Jest و Testing Library لضمان موثوقية التطبيق الخاص بك ووظيفته.

اختبار الوحدة مع Jest

Jest تحظى بشعبية كبيرة testing library في إجراء اختبارات الوحدة في JavaScript التطبيقات. إليك كيفية إضافة اختبارات الوحدة إلى تطبيقك Next.js باستخدام Jest:

التثبيت Jest والمكتبات ذات الصلة:

npm install jest @babel/preset-env @babel/preset-react babel-jest react-test-renderer --save-dev

إنشاء Jest ملف التكوين( jest.config.js):

module.exports = {  
  testEnvironment: 'jsdom',  
  transform: {  
    '^.+\\.jsx?$': 'babel-jest',  
  },  
};  

اكتب اختبارات الوحدة باستخدام Jest:

import { sum } from './utils';  
  
test('adds 1 + 2 to equal 3',() => {  
  expect(sum(1, 2)).toBe(3);  
});  

اختبار التكامل مع Testing Library

Testing Library عبارة عن مجموعة أدوات قوية لاختبار تفاعلات المستخدم في التطبيقات. إليك كيفية إضافة اختبارات التكامل إلى تطبيقك Next.js باستخدام Testing Library:

التثبيت Testing Library والمكتبات ذات الصلة:

npm install @testing-library/react @testing-library/jest-dom --save-dev

اكتب اختبارات التكامل باستخدام Testing Library:

import { render, screen } from '@testing-library/react';  
import App from './App';  
  
test('renders learn react link',() => {  
  render(<App />);  
  const linkElement = screen.getByText(/learn react/i);  
  expect(linkElement).toBeInTheDocument();  
});  

خاتمة

يقدم لك هذا القسم كيفية تحسين Next.js جودة تطبيقك عن طريق إضافة اختبارات الوحدة والتكامل باستخدام مكتبات الاختبار مثل Jest أو Testing Library. ومن خلال إجراء الاختبارات، يمكنك التأكد من موثوقية تطبيقك ووظيفته، مع اكتشاف المشكلات ومعالجتها بشكل فعال.