遇到的小坑
1.在引入测试的组件时,有时候我们的组件是以一个高阶的组件的形式导出的,而在我们测试的时候,我们只需要测试这个组件本身,不需要引入这个组件的封装体进行测试。
比如我们的组件A.js如下
class A extends Component{
//....
}
export default HOC(A);
此时我们需要在对A.js进行如下更改
export class A extends Component{
//...
}
export default HOC(A)
也就是加了一个export, 将A单独导出
同时在测试文件A.test.js中, 导入A
import { A } from 'A.js';
如此我们在A.test.js中拿到的就是一个完整的A组件而不是HOC封装的一个高阶A组件
2.component中引入了echart, 在进行测试时会提示报错
在引入echart时,需要对echart的getInstanceByDom
方法进行模拟
beforeAll(()=>{
spy = jest.spyOn(echarts, 'getInstanceByDom').mockImplementation(() => {
return {
hideLoading: jest.fn(),
setOption: jest.fn(),
showLoading: jest.fn(),
clear: jest.fn(),
resize: jest.fn(),
on: jest.fn(),