Как написать тест Jest Enzyme для слушателей ref и event - PullRequest
0 голосов
/ 30 сентября 2019

Вот компонент, который я пытаюсь написать модульное тестирование с использованием 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``;

Как написать энзимные тесты jest для addEventListener и ref? Я начал как ниже. Сбой покрытия на onChange: (_e: Event) => _e, и addEventListener: (_e: Event) => _e,

it('addEventListener', () => {
    const wrapper = mount(<CustomDatePicker label="Start Date" />);

  });
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...