带有剑道下拉菜单的赛普拉斯测试答案

【问题标题】：Cypress tests with kendo dropdown带有剑道下拉菜单的赛普拉斯测试
【发布时间】：2020-06-24 21:05:03
【问题描述】：

我第一次使用 Cypress 来自动化一些测试，对此我很满意，但现在我被困在一些简单的事情上。

我们正在使用 kendo 来呈现一个下拉列表（在 HTML 中它是一个标准的选择，带有 kendo-drop-down-list 属性）。

在呈现的页面中，我可以看到带有可能值的选择项，但它被设置为不可见，因此 cypress 无法在此单击并选择。

看起来每次我选择一个选项时，DOM 都会被动态修改，以将下拉列表显示为一组动态创建的 span 元素。

这就是我在 Cypress 中所做的（其中 sDir 是选择元素的 id，firstValue 是下拉列表的第一个选项）

    cy.get('#sDir').select('firstValue')

使用 Cypress 与剑道下拉交互的正确方法是什么？

谢谢

【问题讨论】：

请分享下拉列表的full html。

标签： kendo-ui automated-tests cypress

【解决方案1】：

看到其他一些与此相关的posts，但我正在使用以下方法与剑道下拉交互：

cy.get('[data-container-for="YourItem"] > .k-widget > .k-dropdown-wrap > .k-select').click({force: true})
cy.get('.k-list-filter > .k-textbox').type('Value')
cy.get('k-list-scrooler').contains('Value').click()

您可能必须使用click({force: true})

【讨论】：