Kuongeza Majaribio kwa Next.js Maombi: Mwongozo wa Kujumuisha Unit Test

Katika sehemu hii, tutakuongoza kupitia mchakato wa kuimarisha Next.js ubora wa programu yako kwa kuongeza vipimo vya kitengo na ujumuishaji. Tutatumia maktaba za majaribio kama vile Jest na Testing Library kuhakikisha utegemezi na utendakazi wa programu yako.

Uchunguzi wa Kitengo na Jest

Jest ni maarufu testing library kwa kufanya majaribio ya kitengo katika JavaScript programu. Hivi ndivyo unavyoweza kuongeza majaribio ya kitengo kwenye Next.js programu yako kwa kutumia Jest:

Sakinisha Jest na maktaba zinazohusiana:

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

Unda Jest faili ya usanidi( jest.config.js):

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

Andika vipimo vya kitengo kwa kutumia Jest:

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

Upimaji wa Ujumuishaji na Testing Library

Testing Library ni zana yenye nguvu ya kujaribu mwingiliano wa watumiaji katika programu. Hivi ndivyo unavyoweza kuongeza majaribio ya ujumuishaji kwenye Next.js programu yako kwa kutumia Testing Library:

Sakinisha Testing Library na maktaba zinazohusiana:

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

Andika majaribio ya ujumuishaji kwa kutumia 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();  
});  

Hitimisho

Sehemu hii ilikuletea ili kuboresha Next.js ubora wa programu yako kwa kuongeza vipimo vya kitengo na ujumuishaji kwa kutumia maktaba za majaribio kama vile Jest au Testing Library. Kwa kufanya majaribio, unaweza kuhakikisha uaminifu na utendakazi wa programu yako, huku ukigundua na kushughulikia masuala kwa ufanisi.