Dodajanje testiranja aplikacijam Next.js: vodnik za vključevanje Unit Test

V tem razdelku vas bomo vodili skozi postopek izboljšanja Next.js kakovosti vaše aplikacije z dodajanjem enotnih in integracijskih testov. Za zagotovitev zanesljivosti in funkcionalnosti vaše aplikacije bomo uporabili testne knjižnice, kot sta Jest in. Testing Library

Testiranje enot z Jest

Jest je priljubljen testing library za izvajanje testov enot v JavaScript aplikacijah. Tukaj je opisano, kako lahko svoji Next.js aplikaciji dodate teste enot z Jest:

Namestitev Jest in povezane knjižnice:

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

Ustvarite Jest konfiguracijsko datoteko( jest.config.js):

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

Napišite teste enot z uporabo Jest:

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

Integracijsko testiranje z Testing Library

Testing Library je zmogljiv nabor orodij za testiranje uporabniških interakcij v aplikacijah. Tukaj je opisano, kako lahko svoji Next.js aplikaciji dodate integracijske teste z Testing Library:

Namestitev Testing Library in povezane knjižnice:

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

Napišite integracijske teste z uporabo 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();  
});  

Zaključek

Ta razdelek vas je seznanil z izboljšanjem Next.js kakovosti vaše aplikacije z dodajanjem testov enote in integracije z uporabo knjižnic za testiranje, kot sta Jest ali Testing Library. Z izvajanjem preizkusov lahko zagotovite zanesljivost in funkcionalnost vaše aplikacije, hkrati pa učinkovito odkrivate in obravnavate težave.