无法选择价值 cypress ionic ion-select

Question

我有一个带有离子选择和离子选择选项的离子角度应用程序。

我正在尝试编写 cypress 测试以单击 ion-select-options，但这是不可能的。

似乎柏树“点击”但弹出框仍然可见。

有人已经有这个问题了吗？

<ion-item id="Size_Field" *ngIf="selectedCategory?.wardrobe_additional_fields.size_id">
  <ion-select mode="md" interface="popover" formControlName="size" cancelText="Annuler"
    placeholder="{{'WARDROBE.PIECES.FORM.SIZE' | translate}}*">
    <ion-select-option id="size-{{size.id}}-button"
      *ngFor="let size of selectedCategory?.wardrobe_additional_fields.size_id.values" value="{{size.id}}">
      {{size.fr_display}}
    </ion-select-option>
  </ion-select>
</ion-item>



cy.get('[id="Size_Field"]').click();

cy.get('ion-select-popover > ion-radio-group > :nth-child(2)').click();

下拉图片

Answer 1

用户在屏幕上看到的选项会在打开选择后动态添加到 DOM。

在我的应用程序中，新部分是<ion-alert> ，单击该部分中的项目的最简单方法是通过其文本选择它。

cy.get('[id="Size_Field"]').click();

cy.get('ion-alert').within(() => {                     
  cy.contains('button.select-interface-option', 'Taille unique').click()
})