finance-unit-test
v1.0.4
Published
### 使用方式
Downloads
6
Readme
单元测试配置集成
使用方式
step1
npm install --save-dev finance-unit-test
step2
在package.json 中添加一条script语句: "test": "finance-unit-test"。
可以配置cli参数;
eg:"test": "finance-unit-test --watchAll"。
cli 参数文档 https://jestjs.io/docs/zh-Hans/cli
step3
在项目src 下创建 __test__ 文件夹,在该文件夹下编写测试用例
tip:建议测试用例写在__test__ 文件夹下,实际上在./src下任何一个地方都可以写测试用例。
./src 目录位置在config.roots字段中可以配置
说明
1.如若修改或添加jest配置, 可以在项目跟目录下config 目录下可以配置jest.config.js文件,内容如下
module.exports = (defaultConfig) => {
console.log('defaultConfig', defaultConfig);
return defaultConfig;
}
defaultConfig可以查看所有的默认配置,这里可以更改所有的jest配置。
jest 配置文档 https://jestjs.io/docs/en/configuration
2.earth-script项目文件引入会使用webpack中的alias功能,在jest配置文件中也会默认使用config/alias.js中的文件映射,具体配置可以查看defaultConfig.moduleNameMapper
3.引入enzyme中的mount、shallow、render 方法可以直接通过 import { mount, render, shallow } from 'finance-unit-test';方式引用。
例子
```
1.引入React
import React from 'react'
2.引入需要测试的组件
import Component from '../path/Component'
3.引入组件的渲染方式
import { shallow } from 'finance-unit-test';
4.正式写测试用例
describe('test Component', () => {
beforeEach(() => {
// 需要在执行每个case之前作出的处理
fetch.resetMocks();
});
beforeAll(() => {
// 需要在执行所有case之前作出的处理
})
afterEach(() => {
})
afterAll(() => {1
})
it('组件正常渲染', () => {
const wrapper = shallow(<Component />);
expect(wrapper.find('.class')).toHaveBeenLengh(1);
})
})
```
项目地址
http://igit.58corp.com/58finance_fed/finance-unit-test
测试用例demo地址
https://github.com/Zuoguangcheng/reactUnitExample
版本记录
V1.0.3
1.init
V1.0.4
1.增加ts tsx支持
2.增加webpack中alias在jest中的支持,默认使用config/alias.js中的映射