Sa chuid seo, tabharfaimid treoir duit tríd an bpróiseas chun Next.js cáilíocht d’iarratais a fheabhsú trí thástálacha aonaid agus comhtháthaithe a chur leis. Bainfimid úsáid as leabharlanna tástála mar Jest agus Testing Library chun iontaofacht agus feidhmiúlacht d’fheidhmchláir a chinntiú.
Tástáil Aonaid le Jest
Jest tóir testing library chun tástálacha aonaid a dhéanamh in JavaScript fheidhmchláir. Seo an chaoi ar féidir leat tástálacha aonaid a chur le d’ Next.js iarratas trí úsáid a bhaint as Jest:
Suiteáil Jest agus leabharlanna gaolmhara:
npm install jest @babel/preset-env @babel/preset-react babel-jest react-test-renderer --save-dev
Cruthaigh Jest comhad cumraíochta( jest.config.js
):
module.exports = {
testEnvironment: 'jsdom',
transform: {
'^.+\\.jsx?$': 'babel-jest',
},
};
Scríobh trialacha aonaid ag úsáid Jest:
import { sum } from './utils';
test('adds 1 + 2 to equal 3',() => {
expect(sum(1, 2)).toBe(3);
});
Tástáil Comhtháthaithe le Testing Library
Testing Library Is foireann uirlisí cumhachtach é chun idirghníomhaíochtaí úsáideoirí in fheidhmchláir a thástáil. Seo an chaoi ar féidir leat tástálacha comhtháthaithe a chur le d’ Next.js fheidhmchlár trí úsáid a bhaint as Testing Library:
Suiteáil Testing Library agus leabharlanna gaolmhara:
npm install @testing-library/react @testing-library/jest-dom --save-dev
Scríobh trialacha comhtháthaithe ag úsáid 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();
});
Conclúid
Chuir an rannán seo in iúl duit cáilíocht d'fheidhmchláir a fheabhsú Next.js trí thástálacha aonaid agus comhtháthú a chur leis ag baint úsáide as leabharlanna tástála mar Jest nó Testing Library. Trí thástálacha a dhéanamh, is féidir leat iontaofacht agus feidhmiúlacht d’fheidhmchláir a chinntiú, agus tú ag brath agus ag tabhairt aghaidh ar shaincheisteanna go héifeachtach.