酶点击按钮内部组件内部组件

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")

酶点击按钮内部组件内部组件

Enzyme Click on Button Inside Component Inside Component

javascript

reactjs

enzyme

storybook