अनुप्रयोगों में परीक्षण जोड़ना 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