애플리케이션 에 테스트 추가 Next.js: 통합 가이드 Unit Test

Next.js 이 섹션에서는 단위 및 통합 테스트를 추가하여 애플리케이션의 품질을 향상시키는 프로세스를 안내합니다. 우리는 귀하의 애플리케이션의 신뢰성과 기능을 보장하기 위해 Jest 및 와 같은 테스트 라이브러리를 사용할 것입니다. Testing Library

단위 테스트 Jest

Jest testing library 애플리케이션 에서 단위 테스트를 수행하는 데 널리 사용됩니다 JavaScript. Next.js 다음은 다음을 사용하여 애플리케이션 에 단위 테스트를 추가하는 방법입니다 Jest.

설치 Jest 및 관련 라이브러리:

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

Jest 구성 파일( jest.config.js) 을 생성합니다 .

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

다음을 사용하여 단위 테스트를 작성합니다 Jest.

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

통합 테스트 Testing Library

Testing Library 애플리케이션에서 사용자 상호 작용을 테스트하기 위한 강력한 도구 키트입니다. Next.js 다음을 사용하여 애플리케이션 에 통합 테스트를 추가하는 방법은 다음과 같습니다 Testing Library.

설치 Testing Library 및 관련 라이브러리:

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

다음을 사용하여 통합 테스트를 작성합니다 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();  
});  

결론

이 섹션에서는 또는 와 Next.js 같은 테스트 라이브러리를 사용하여 단위 및 통합 테스트를 추가하여 애플리케이션의 품질을 향상시키는 방법을 소개했습니다. 테스트를 수행하면 애플리케이션의 안정성과 기능을 보장하는 동시에 문제를 효과적으로 감지하고 해결할 수 있습니다. Jest Testing Library