无法选择值cypress ionic离子选择

exdqitrt 于 2022-12-08 发布在 Ionic

关注(0)|答案(1)|浏览(160)

我有一个离子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

ionic-framework

来源：https://stackoverflow.com/questions/72954417/impossible-to-select-value-cypress-ionic-ion-select

1条答案

按热度按时间

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

赞(0）回复(0）举报 2022-12-08

我来回答

无法选择值cypress ionic离子选择

1条答案

相关问题

热门标签

最新问答