开玩笑 onChange 单元测试 - React

Question

我有这个函数 onChange 我写了一个单元测试。

<Checkbox
          onChange={ () => {
                if (this.props.showTab) {
                      this.showBox();
                   }
                  this.props.handleChange();
        }}/>

showBox() {
        this.setState({ showBox: true });
    }

我试过了

it('onChange', () => {
        const component = mount(<View
            showTab={true}
            handleChange= {handleChange}
            />);
        const instance = component.instance();
        const mockSetStateFn = jest.fn();
        instance.setState = mockSetStateFn;
        component.find('input').at(0).simulate('change');
        component.instance().showBox();
        expect(instance.setState).toHaveBeenCalledWith({ showBox: true });
    });

它给出了错误“模拟”意味着要在 1 个节点上运行。 找到了 0。”我如何测试它？

Answer 1

在这个单元测试中，如果你渲染复选框，你不应该找到输入。 你应该这样：

component.find(Checkbox).invoke('onChange')()