აპლიკაციებში ტესტირების დამატება 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. ტესტების შესრულებით, თქვენ შეგიძლიათ უზრუნველყოთ თქვენი აპლიკაციის სანდოობა და ფუნქციონირება, პრობლემების ეფექტურად აღმოჩენისა და გადაწყვეტისას.