如何在Cypress中链接cy.get [英] How to chain cy.get in cypress

问题描述

我正在尝试转到#1元素，然后转到#2元素以单击#3元素.

但是我在Cypress中获取正确的CSS选择器时遇到了麻烦.

如何为此编写测试脚本?

我尝试过 cy.get('.ui.active.visible.button.floating.dropdown.fr-dropdown').contains('Delete yield').click()但不起作用.

是否有办法先获得#1，然后获得#2才能达到#3?这不是真正的代码，而是类似这样的东西.

  cy.get('.yield-event__date-and-text--container').contains('10kg')cy.get('.ui.active.visible.button.floating.dropdown.fr-dropdown').click()cy.get('.item.fr-dropdown__option').contains('删除收益').click() 

非常感谢

解决方案

您可以使用查找():

  cy.get('.yield-event__date-and-text--container').contains('10kg')cy.get('.yield-event__date-and-text--container').find('i [class * ="fr-dropdown__icon"]').click({force:true})cy.get('.yield-event__date-and-text--container').find('Delete yield').click({force:true}) 

I'm trying to get to #1 element then get to #2 element to click on #3 element.

but I'm having a trouble with getting the correct CSS selector in Cypress.

How to write a test script for this?

I've tried cy.get('.ui.active.visible.button.floating.dropdown.fr-dropdown').contains('Delete yield').click() but doesn't work.

Is there a way to get #1 first, then #2 to reach #3? this is not a real code but something like this.

cy.get('.yield-event__date-and-text--container').contains('10kg')
cy.get('.ui.active.visible.button.floating.dropdown.fr-dropdown').click()
cy.get('.item.fr-dropdown__option').contains('Delete yield').click()

Thanks a lot in advance

解决方案

You can write something like this using find():

cy.get('.yield-event__date-and-text--container').contains('10kg')
cy.get('.yield-event__date-and-text--container').find('i[class*="fr-dropdown__icon"]').click({force: true})
cy.get('.yield-event__date-and-text--container').find('Delete yield').click({force: true})

这篇关于如何在Cypress中链接cy.get的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！