ReactJS Ant дизайн выбрать событие изменения макета компонента - PullRequest
Новая
       21

ReactJS Ant дизайн выбрать событие изменения макета компонента

0 голосов
/ 28 мая 2018

Имея компонент MyComp, который содержит Выберите компонент Ant и готов проверить MyComp, чтобы убедиться, что обработчики верны и вызывается 

class MyComp extends Component {
    constructor(props) {
        super(props);
        this.handleChange = this.handleChange.bind(this);
    }

    handleChange(value) {
        this.props.doSomething();
    }

    render() {
        return (
            <Select onChange={this.props.handleChange}>
                <Option value={"Op0"} >Opt0</Option>
                <Option value={"Op1"} >Opt1</Option>
                <Option value={"Op2"} >Opt2</Option>
            </Select>
        )
    }
}

Я хочу иметь возможность проверитьэто выглядит следующим образом: 

it('calls the right callback', () => {
    const Option = Select.Option;
    const mockHandler = jest.fn();
    const wrapper = mount(<MyComp handleChange ={mockHandler}/>);
    let select = wrapper.find(Select);
    select.simulate("onChange"); // also tried 'change'
    expect(mockHandler).toHaveBeenCalled()
});

Пожалуйста, помните, что это «монтирование» не мелкое, так что на самом деле он делает дочерние компоненты

...