1.安裝依賴jest阅仔，enzyme扔仓，enzyme-adapter-react-16嫌佑，enzyme-to-json
2.在根目錄新建.jest.js配置文件强胰，根據(jù)文檔添加擴(kuò)展
module.exports = {
roots: ['<rootDir>/__test__/', '<rootDir>/src/'], // 測試的目錄
modulePaths: ['<rootDir>'],
coveragePathIgnorePatterns: ['/node_modules/'], // 忽略統(tǒng)計覆蓋率的文件
// transform: {
// '^.+\\.js$': 'babel-jest',
// '^.+\\.(ts|tsx)$': 'ts-jest',
// },
transformIgnorePatterns: [
'<rootDir>/node_modules/(?!(lodash-es|other-es-lib))',
], //
testRegex: '(/__tests__/.*|\\.(test|spec))\\.(ts|tsx|js)$',
moduleNameMapper: {
'^.+\\.(css|sass|scss)$': 'identity-obj-proxy',
}, // 代表需要被Mock的資源名稱
moduleFileExtensions: ['ts', 'tsx', 'js', 'jsx', 'json', 'node'], //支持文件名
};
3.在根目錄下面創(chuàng)建test文件
image.png
4.package.json
script{
"test": "jest --coverage --config .jest.js"
}
5.新建測試文檔
image.png
image.png
6 npm run test 或者npm test<name>
image.png
