您好,登錄后才能下訂單哦!
要使用Jest進(jìn)行React組件的單元測(cè)試,可以按照以下步驟進(jìn)行:
npm install --save-dev jest @babel/preset-env @babel/preset-react babel-jest react-test-renderer
在項(xiàng)目根目錄下創(chuàng)建一個(gè)__tests__
文件夾,并在該文件夾下創(chuàng)建要測(cè)試的React組件的測(cè)試文件,文件名格式為ComponentName.test.js
。
編寫(xiě)測(cè)試用例,例如:
import React from 'react';
import { render } from 'react-test-renderer';
import MyComponent from '../MyComponent';
test('renders correctly', () => {
const tree = render(<MyComponent />).toJSON();
expect(tree).toMatchSnapshot();
});
package.json
文件中配置Jest:"jest": {
"preset": "babel-jest"
}
npm run test
Jest會(huì)自動(dòng)運(yùn)行測(cè)試文件夾中的所有測(cè)試文件,并輸出測(cè)試結(jié)果。可以根據(jù)測(cè)試結(jié)果來(lái)驗(yàn)證組件是否按預(yù)期工作。
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。