એપ્લિકેશન્સમાં પરીક્ષણ ઉમેરવું 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. પરીક્ષણો કરીને, તમે તમારી એપ્લિકેશનની વિશ્વસનીયતા અને કાર્યક્ષમતાને સુનિશ્ચિત કરી શકો છો, જ્યારે અસરકારક રીતે સમસ્યાઓ શોધી અને તેનું નિરાકરણ લાવી શકો છો.