如何在Cypress中选中data-bip-collection内的velocity_and_express选项？

架构老林

2026-8-16

解决Best In Place下拉选项选中问题

你的代码失败主要有两个原因：

点击触发下拉后直接用全局cy.get()查找选项，此时下拉选项可能还没渲染完成，或者不在当前元素的上下文里
确认弹窗的绑定时机太晚，弹窗出现时可能还没注册处理函数

以下是几种可行的解决方案：

方案一：通过文本内容选中选项

这种方式适配性最强，不管插件生成的下拉结构是什么，只要能定位到对应文本的选项即可：

// 提前绑定确认弹窗的自动确认逻辑
cy.on('window:confirm', () => true);

cy.get('[data-bip-attr="funding_type"]')
  .click() // 触发下拉框展开
  .contains('velocity_and_express') // 定位目标选项
  .should('be.visible') // 确保选项已渲染可见
  .click();

方案二：针对生成的select元素操作

如果Best In Place点击后生成了标准<select>控件，可直接用select()方法选中：

cy.on('window:confirm', () => true);

cy.get('[data-bip-attr="funding_type"]')
  .click()
  .get('select') // 找到动态生成的select元素
  .select('velocity_and_express'); // 通过value值选中目标选项

方案三：在当前上下文内查找选项

如果下拉选项是当前span的子元素，用find()代替全局cy.get()，确保在正确的上下文里查找：

cy.on('window:confirm', () => true);

cy.get('[data-bip-attr="funding_type"]')
  .click()
  .find('[value="velocity_and_express"]') // 在当前元素的子节点中筛选选项
  .should('be.visible')
  .click();