ਐਪਲੀਕੇਸ਼ਨਾਂ ਵਿੱਚ ਟੈਸਟਿੰਗ ਸ਼ਾਮਲ ਕਰਨਾ 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. ਟੈਸਟ ਕਰਨ ਦੁਆਰਾ, ਤੁਸੀਂ ਸਮੱਸਿਆਵਾਂ ਨੂੰ ਪ੍ਰਭਾਵਸ਼ਾਲੀ ਢੰਗ ਨਾਲ ਖੋਜਣ ਅਤੇ ਹੱਲ ਕਰਦੇ ਹੋਏ, ਆਪਣੀ ਐਪਲੀਕੇਸ਼ਨ ਦੀ ਭਰੋਸੇਯੋਗਤਾ ਅਤੇ ਕਾਰਜਕੁਸ਼ਲਤਾ ਨੂੰ ਯਕੀਨੀ ਬਣਾ ਸਕਦੇ ਹੋ।