Cypress测试材料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();
})