赛普拉斯测试材料 ui 自动完成

Question

如何从 cypress 的下拉列表中获取材料 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();
})