अनुप्रयोगांमध्ये चाचणी जोडणे 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. चाचण्या करून, तुम्ही तुमच्या अनुप्रयोगाची विश्वासार्हता आणि कार्यक्षमता सुनिश्चित करू शकता, प्रभावीपणे समस्या शोधून आणि त्यांचे निराकरण करताना.