小编mar*_*ene的帖子

我有一个离子/角度应用程序，其中包含特定的表单控件，如下所示：

<ion-select #typeLst interface="alert" name="typeCode" formControlName="typeCode" okText="OK" cancelText="Dismiss" placeholder="Choose a firm type">\n      <ion-select-option value="EPFIRMI001">Informal</ion-select-option>\n      <ion-select-option value="EPFIRMF001">Formal/Ltd.</ion-select-option>\n </ion-select>\n

在我的 cypress 测试中，我可以导航到该页面并在其上执行其他操作，但是当我尝试在“选择”上选择特定项目时，cypress 会“意识到”它，但无法访问它。

赛普拉斯代码：

cy.get('ion-select[name="typeCode"]').click()\n\ncy.get('ion-select-option[value="EPFIRMF001"]').click()\n

赛普拉斯错误：

Timed out retrying: cy.click() failed because this element is not visible:\n\n<ion-select-option _ngcontent-dqd-c137="" value="EPFIRMF001" ng-reflect-value="EPFIRMF001" role="option" id="ion-selopt-1" class="md hydrated">Formal/...</ion-select-option>\n\nThis element <ion-select-option#ion-selopt-1.md.hydrated> is not visible because it has CSS property: display: none\n\nFix this problem, or use `{force: true}` to disable error checking.\n

注意：

\n
• 更改 ion-select 的接口类型（例如更改为“popover”）会产生轻微的差异，如下所示：\n
  \n
  • 使用{force: …