无法选择值cypress ionic离子选择

exdqitrt  于 2022-12-08  发布在  Ionic
关注(0)|答案(1)|浏览(164)

我有一个离子Angular 应用程序与离子选择和离子选择选项。
我试图写cypress测试来点击离子选择选项,但这是不可能的。
似乎柏树“咔嚓”一声,但弹出仍然可见。
已经有人遇到过这种问题了吗?

<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();

点击();
dropdown image

xuo3flqw

xuo3flqw1#

用户在屏幕上看到的选项会在打开select后动态添加到DOM中。
在我的应用程序中,新的部分是<ion-alert>,点击该部分中的项目的最简单方法是通过文本选择它。

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

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

相关问题