Testauksen lisääminen sovelluksiin Next.js: opas sisällyttämiseen Unit Test

Tässä osiossa opastamme sinua prosessin läpi, jolla parannetaan sovelluksesi Next.js laatua lisäämällä yksikkö- ja integrointitestejä. Käytämme testauskirjastoja, kuten Jest ja Testing Library varmistaaksemme sovelluksesi luotettavuuden ja toimivuuden.

Yksikkötestaus kanssa Jest

Jest on suosittu sovellusten testing library yksikkötestien suorittamiseen JavaScript. Näin voit lisätä yksikkötestejä sovellukseesi Next.js käyttämällä Jest:

Asenna Jest ja siihen liittyvät kirjastot:

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

Luo Jest määritystiedosto( jest.config.js):

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

Kirjoita yksikkötestit käyttämällä Jest:

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

Integraatiotestaus kanssa Testing Library

Testing Library on tehokas työkalupakki käyttäjien vuorovaikutusten testaamiseen sovelluksissa. Näin voit lisätä integrointitestejä sovellukseesi Next.js käyttämällä Testing Library:

Asenna Testing Library ja siihen liittyvät kirjastot:

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

Kirjoita integraatiotestit käyttämällä 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();  
});  

Johtopäätös

Tämä osio esitteli sinut sovelluksesi laadun parantamiseen Next.js lisäämällä yksikkö- ja integrointitestejä käyttämällä testauskirjastoja, kuten Jest tai Testing Library. Suorittamalla testejä voit varmistaa sovelluksesi luotettavuuden ja toimivuuden sekä havaita ja ratkaista ongelmat tehokkaasti.