Testavimo pridėjimas prie Next.js programų: įtraukimo vadovas Unit Test

Šiame skyriuje paaiškinsime, kaip pagerinti Next.js programos kokybę įtraukiant vienetų ir integravimo testus. Naudosime testavimo bibliotekas, tokias kaip Jest ir Testing Library, kad užtikrintume jūsų programos patikimumą ir funkcionalumą.

Vieneto bandymas su Jest

Jest yra populiarus testing library atliekant vienetų testus programose JavaScript. Štai kaip prie programos galite pridėti vienetų testus Next.js naudodami Jest:

Įdiegti Jest ir susijusios bibliotekos:

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

Sukurkite Jest konfigūracijos failą( jest.config.js):

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

Parašykite vieneto testus naudodami Jest:

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

Integracijos testavimas su Testing Library

Testing Library yra galingas įrankių rinkinys, skirtas tikrinti vartotojų sąveiką programose. Štai kaip galite pridėti integravimo testus prie Next.js programos naudodami Testing Library:

Įdiegti Testing Library ir susijusios bibliotekos:

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

Parašykite integravimo testus naudodami 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();  
});  

Išvada

Šioje dalyje buvo pristatyta, kaip pagerinti Next.js programos kokybę pridedant vienetų ir integravimo testus naudojant testavimo bibliotekas, pvz., Jest arba Testing Library. Atlikdami testus galite užtikrinti savo programos patikimumą ir funkcionalumą, kartu efektyviai aptikdami ir spręsdami problemas.