Προσθήκη δοκιμής σε 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. Εκτελώντας δοκιμές, μπορείτε να διασφαλίσετε την αξιοπιστία και τη λειτουργικότητα της εφαρμογής σας, ενώ παράλληλα εντοπίζετε και αντιμετωπίζετε αποτελεσματικά ζητήματα.