赛普拉斯测试 material ui 自动完成

Question

如何从 cypress 的下拉列表中获取 material ui 自动完成的值。

目前可以选择自动完成功能，但我似乎无法进入下拉列表或输入任何内容。总会有一个名为“ntest_user”的测试用户所以我想也许我可以自动完成它而不是点击下拉但没有骰子

  <Autocomplete
    id="combo-box"
    data-testid="tagAutocomplete"
    options={userz}
    getOptionLabel={(option) => option}
    value={userId}
    onChange={viewUserz}
    renderInput={(params) => <TextField {...params}
      label="User Id"
      variant="outlined" />}
  />
</FormControl>


cy.get('.tagAutocomplete li[data-option-index="0"]').click();

Answer 1

你可以这样做：

cy.get("#combo-box").click();
cy.get("li[data-option-index="0"]").contains("ntest_user").then((option) => {
   option[0].click();
})

OP 能够通过这个解决：

cy.get("#combo-box").click();
cy.contains("ntest_user").then((option) => {
   option[0].click();
})

赛普拉斯测试 material ui 自动完成

Cypress test material ui autocomplete

autocomplete

material-ui

cypress