Cypress.io UI自动化中基于可重用聚合物的组件的问题

时间:2018-10-24 06:57:12

标签: polymer-1.0 cypress

在我们的应用程序中,将html“ input”标记包装并命名为让我们说“ input-app” 我们在同一HTML页面的不同位置使用了“ input-app”,但我无法在唯一的input标签上执行cy.get()。type(),因为“ input-app”标签具有“ input”,而后者具有相同的ID。 不想更改“ input-app”组件定义。有什么解决方案?

1 个答案:

答案 0 :(得分:0)

我猜您包装的输入应用程序在每个输入上都不应具有相同的ID,但看来我们已经通过了这一点。此包装输入的父元素是否还有其他div元素?

cy.get('THE_PARENT_ID').find('input').type('what you need to type')

如果您不能更改组件,可以将自己的ID放在包装它的元素上。例如

<input-app id='YOUR_ID'></input-app> 

cy.get('#YOUR_ID').find('input').type('what you need to type')