这里是试图使用Jest Enzyme编写单元测试的组件
import React, { Component } from 'react';
import {custom-calendar } from '../../components
export interface CustomDatePickerProps {
label: string;
ref?: any;
onChange: (_e: Event) => any;
}
class CustomDatePicker extends Component<CustomDatePickerProps> {
static defaultProps = {
label: 'Choose a Date',
onChange: (_e: Event) => _e,
addEventListener: (_e: Event) => _e,
ref: {}
};
private datePickerRef = React.createRef<HTMLDivElement>();
componentDidMount() {
const node = this.datePickerRef.current;
node.addEventListener('change', this.props.onChange);
}
render() {
return
<custom-calendar
ref={this.datePickerRef as any}
label={this.props.label}
onChange={this.props.onChange}
/>
}
}
export default CustomDatePicker``;
如何为addEventListener和ref写开玩笑的酶测试?我从下面开始。覆盖范围在onChange: (_e: Event) => _e,
和addEventListener: (_e: Event) => _e,
it('addEventListener', () => {
const wrapper = mount(<CustomDatePicker label="Start Date" />);
});