玩笑开考反应，选择菜单

Question

我有一个使用反应，选择一个组件。我想测试正确的道具被传递给它，而那些被正确显示。反正是有强制菜单中的酶/玩笑开？

Answer 1

您可以强制更改内部StateManager组件的状态

const tree = mount(<MyComponent />);
tree.find('Select').find('StateManager').instance().setState({ menuIsOpen: true });
tree.update();

或者，更好的办法是检查组件的道具，而无需打开选择菜单。这使你可以抽象出反应，选择在您的测试中表现更好。

const tree = mount(<MyComponent />);
// Run tests against options prop of Select
// expect(tree.find('Select').props('options')).toHaveLength(10);