drop-down-menu - Cypress:是否可以从仅包含部分单词的动态下拉列表中选择一个项目？

Question

我有一个下拉列表，可用选项的数量总是在增加。我从选项中获得了“RecieptName”，但是后面跟着不断变化的文本。例如:RecieptName:“更改句子，包括单词和数字”。

我想做的是:

cy.get('#RecieptName').select('RecieptName:');

但是，它找不到选项，因为它后面跟着更改数字。是否可以根据部分选项找到选项？

Answer 1

您需要先扫描选项，找到它的索引并按数字选择

使用 .contains() 命令

cy.get('option')
  .contains('ReceiptName:')
  .invoke('index')           // index among siblings
  .then(index => {
    cy.get('dropdown').select(index);
  })

使用正则表达式

cy.get('option')
  .contains(/^ReceiptName:/)
  .invoke('index')           // index among siblings
  .then(index => {
    cy.get('dropdown').select(index);
  })

使用选定的 Prop

cy.get('#RecieptName option')
  .contains(/^ReceiptName:/)
  .invoke('prop', 'selected', true)