Ниже приведены фрагменты кода для тестирования с реагирующим ферментом.
const options = ["Option 1", "Option 2"];
<Popper
id="More-Options"
anchorEl={anchorEle}
open={this.state.open}
placement="left-start"
>
<Paper id="paper">
{options.map(option => (
<MenuItem
className={classes.menuStyle}
key={option.name}
//selected={option === "Option1"}
onClick={(event: any) => this.handleClose(option.action, event)}
>
{option.name}
</MenuItem>
))}
</Paper>
</Popper>
Здесь у меня естькод для MenuItem с помощью пользовательского интерфейса Google materail, при нажатии на него будут отображаться option1 и option2
Я пытался использовать следующий способ с использованием реагирующего фермента.
it('should toggle state', () => {
const wrapper = shallow(<Component{...props} />);
const menuItem = wrapper.find(MenuItem);
menuItem.simulate("click", { currentTarget: "" });
});
Но как было бы проверить, нажимает ли пользователь на option1 и option2.Я пытался использовать только с ферментом.
Приветствия,