无法使用 cypress 从菜单项中选择选项答案

【问题标题】：Couldn't select an option from menu items using cypress无法使用 cypress 从菜单项中选择选项
【发布时间】：2020-03-23 14:35:20
【问题描述】：

希望你能在这个问题上帮助我！

问题是我无法从下拉列表中选择一个选项。这很奇怪，因为我在其他测试中做了相同的代码并且工作正常。

这是柏树代码

cy.get('[data-cy=OptionSelectType]').click();

这里是js代码

            <MenuItem value='1'>Option 1</MenuItem>
            <MenuItem value='2'>Option 2</MenuItem>
            <MenuItem data-cy="OptionSelectType"value='3'>Option 3</MenuItem>
            <MenuItem value='4'>Option 4</MenuItem>

并且测试显示这个错误

谢谢！

【问题讨论】：

您似乎已将value 属性混入data-cy 属性。实际的 HTML 最终是什么？给minimal reproducible example。

标签： cypress

【解决方案1】：

您需要使用选择方法。 Click 方法不适用于下拉菜单：

cy.get('select').eq(2).should('be.visible').select('Option 3')

【讨论】：