cypress - 从 Cypress 的下拉列表中选择未知项目

Question

我只是想学习这个程序，但我无法从列表中选择一个选项。问题是，我不知道这个特定项目的值(value)(而且我真的不在乎，我只需要选择的任何选项)。

我当前的 Cypress 脚本片段:

    it('select thing"', function() {
    cy.get('.item-summary__item-selected').click()
    cy.get('item-selector-new > .line-items > :nth-child(1) > .flex-2').select('Biggest')
    cy.get('item-selector-new > .line-items > :nth-child(2) > .flex-2').select('Big')
    cy.get('item-selector-new > .line-items > :nth-child(3) > .flex-2').select('Normal')
    cy.get('item-selector-new > .line-items > :nth-child(4) > .flex-2').?????              
})

第 4 个子订单项的 HTML 如下所示:

<div class="line-item" ng-if="$ctrl.suggested_item.length <= $ctrl.item.length"> <span class="flex-1">Item</span>
<select av-tab-item="" groupindex="1" tabindex="4" class="flex-2 form-control ng-pristine ng-untouched ng-valid ng-empty" ng-model="$ctrl.selected_item_id" ng-options="item.item_id as item.item_name for item in $ctrl.items | orderBy:'sort_order'" ng-disabled="!$ctrl.items.length" ng-change="$ctrl.handleItemSelected()" data-e2e="SELECTOR_NEW_TEST_ITEM_SELECT">
    <option value="?" selected="selected"></option>
    <option label="label name 1" value="string:186199ee-0ab6-464a-8b28-f93ee10e8bdf">label name 1</option>
    <option label="label name 2" value="string:1d58a921-e393-49f5-8df8-30243d14ec4b">label name 2</option>
    <option label="label name 3" value="string:c24d7478-4a7f-42cc-93e5-c27493f921c0">label name 3</option>
    <option label="label name 4" value="string:aa469cd5-b7fe-454b-b67b-9dd9af70038e">label name 4</option>
</select>
<br>

select() 函数对我没有帮助，因为我不知道要选择的值，因为这些选项经常更改。我试过 first()、last()、eq()，可能还有其他几个，但我不确定哪里出错了。任何指导将不胜感激。

Answer 1

下面是如何使用基于索引的 select()。例如，您可以获得 select 的 4th 值，然后使用 .then() 产生它的 value:

cy.get('select.myselect option').eq(4).invoke('val').then((val)=>{
  cy.get('select.myselect').select(val)
})

// .eq(n) yields the nth element