Nambahake Pengujian menyang Next.js Aplikasi: Pandhuan kanggo Nggabungake Unit Test

Ing bagean iki, kita bakal nuntun sampeyan babagan proses nambah Next.js kualitas aplikasi kanthi nambahake tes unit lan integrasi. Kita bakal nggunakake perpustakaan testing kayata Jest lan Testing Library kanggo mesthekake linuwih lan fungsi saka aplikasi.

Unit Testing karo Jest

Jest iku populer testing library kanggo nindakake tes unit ing JavaScript aplikasi. Mangkene carane sampeyan bisa nambah tes unit menyang Next.js aplikasi nggunakake Jest:

Instal Jest lan perpustakaan sing gegandhengan:

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

Nggawe Jest file konfigurasi( jest.config.js):

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

Tulis tes unit nggunakake Jest:

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

Pengujian Integrasi karo Testing Library

Testing Library minangka toolkit kuat kanggo nyoba interaksi pangguna ing aplikasi. Mangkene carane sampeyan bisa nambah tes integrasi menyang Next.js aplikasi nggunakake Testing Library:

Instal Testing Library lan perpustakaan sing gegandhengan:

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

Tulis tes integrasi nggunakake 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();  
});  

Kesimpulan

Bagean iki ngenalake sampeyan kanggo nambah Next.js kualitas aplikasi kanthi nambahake tes unit lan integrasi nggunakake perpustakaan testing kayata Jest utawa Testing Library. Kanthi nindakake tes, sampeyan bisa njamin linuwih lan fungsionalitas aplikasi sampeyan, nalika ndeteksi lan ngatasi masalah kanthi efektif.