如何使用Jest/Enzyme在Echarts上测试点击事件

Question

我有一个反作用条形图的技巧。在barClick上，页面重定向到另一个url。如何使用Enzyme/Jest测试此点击事件？

const handleClick = (params) => {
if(params.data){
let url = get_route(params.value[2])
window.open(url, "_self")
}
return null
};

let onEvents = {'click': handleClick};
<ReactEcharts
option={this.getOption()}
onEvents={onEvents}
style={{width: '100%', height: `${height}px`}}
className='react_for_echarts' 
/>    

Answer 1

我不知道这个echarts成分，但通常要用酶测试它，你应该：

1. 监视函数以跟踪其调用(必须将其从箭头函数更改为适当的js函数(const spy = jest.spyOn(MyComponent.prototype, 'handleClick');
2. 安装组件const component = mount(<MyComponent/>);
3. 模拟点击所需按钮(？(component.find(ReactEcharts).simulate('click');
4. 更新组件component.update();
5. 检查函数是否已调用expect(spy).toHaveBeenCalled();