अनुप्रयोगहरूमा परीक्षण थप्दै 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 । परीक्षणहरू प्रदर्शन गरेर, तपाईं आफ्नो अनुप्रयोगको विश्वसनीयता र कार्यक्षमता सुनिश्चित गर्न सक्नुहुन्छ, प्रभावकारी रूपमा समस्याहरू पत्ता लगाउन र सम्बोधन गर्दा।