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

如何从 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();
stack overflow Cypress test material ui autocomplete
原文答案
author avatar

接受的答案

You can do something like this:

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

OP was able to solve by this:

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

答案: