javascript - enzyme 模拟返回零节点

Question

我正在使用 Jest 和 Enzyme 来测试我的 react 组件。其中一项测试如下所示:

import DropDown from './DropdDown';
import SelectButton from './SelectButton';
import { mount } from "enzyme";

describe('Test Dropdown component', () => {

    it('Check if handleSubmit is called on click', () => {
        const wrapper = mount(
            <DropDown
                data={dropdDownData}
            />);

        expect(wrapper.contains(SelectButton)).toBe(true); // passes
        wrapper.find(SelectButton).at(0).simulate('click');
    })

})

运行上述测试时出现以下错误:

方法“simulate”应在 1 个节点上运行。找到 0 个。

如果wrapper中存在SelectButton，那么为什么在下一条语句中找不到该节点？

可能会注意到，DropDown 呈现 SelectWrapper，后者又呈现 SelectButton。但这应该不会有什么不同，因为我正在使用 mount？

Answer 1

wrapper.find(SelectButton).at(1)

是一个从零开始的集合，如果集合包含零个或一个元素，.at(1) 将返回一个空包装器。 .at(0) 应该可以工作。