Question

我现在正在研究React Javascript故事书，我正在尝试弄清楚如何获得一种酶来单击组件内部组件的按钮。换句话说，就是结构

<Component 1>
   <Component 2>
    <Button>
   </Component 2>
</Component 1>

我想单击组件2内的按钮。到目前为止，我已经有了这个

storesOf("Press the button",module).add("Button press:,() => {
    let output;
    specs(() => describe('clicked',function () {
        it("Should do the thing",function () {
            output = mount(<Component 1/>);
            output.find("Button").at(0).simulate("click")
        })
    }));

    const Inst = () => output.instance();
    return <Inst/>;
});

有人有什么建议吗？我还应该补充一点，它目前没有找到要点击的按钮

Answer 1

根据Enzyme documentation，您可以使用React组件构造函数作为选择器。您可以执行以下操作：

output = mount(<Component1 />);
output.find(Component2).find(Button).simulate("click")

酶单击组件内部的按钮组件内部

1 个答案: