Как написать контрольные примеры, используя энзим для элемента меню, используя пользовательский интерфейс материала Google - PullRequest
0 голосов
/ 03 февраля 2019

Ниже приведены фрагменты кода для тестирования с реагирующим ферментом.

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.Я пытался использовать только с ферментом.

Приветствия,

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...