Jest 測試打開 react-select 菜單

Question

我有一個使用 react-select 的組件。 我想測試傳遞給它的正確道具，並且這些道具是否正確顯示。 反正有沒有強制菜單在酶/笑話中打開？

Answer 1

您可以強制更改內部StateManager組件的狀態

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

或者，更好的方法是在不打開 Select 菜單的情況下檢查組件的 props。 這讓您可以在測試中更好地抽象出 react-select。

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