ایپلی کیشنز میں ٹیسٹنگ شامل کرنا 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 ٹیسٹ کروا کر، آپ مسائل کا مؤثر طریقے سے پتہ لگانے اور ان سے نمٹنے کے دوران، آپ کی درخواست کی قابل اعتمادی اور فعالیت کو یقینی بنا سکتے ہیں۔