如何为引用和事件侦听器编写Jest酶测试

时间:2019-09-30 10:13:23

标签: unit-testing jestjs enzyme

这里是试图使用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" />);

  });

0 个答案:

没有答案