元素定位_Cypress 元素定位

更多文章关注小编公众号:自动化测试 To share

前言

Cypress含有多种定位方式我们无需担心因为定位导致测试失败,Cypress有独一无二的定位策略能使你摆脱元素定位的噩梦。

Cypress专有选择器

  • data-cy
  • data-test
  • data-testid

举例:

submitsubmitsubmit

获取元素方法:

cy.get('[data-cy=submit]').click()cy.get('[data-test=submit]').click()cy.get('[data-testid=submit]').click()

举例:

78d91a4586220fc890805ffb03064763.png
用户名                                  密码                                                    
保持登录
登录忘记密码
  • #d选择器

#id选择器通过html元素id属性来获取DMO

获取用户名input元素方法:

cy.get('#account').click()
  • class类选择器

类选择器通过html元素class属性来获取DMO

获取用户名input元素方法:

cy.get('.form-control').click()
  • attributes属性选择器

类选择器通过html元素class属性来获取DMO

获取用户名input元素方法:

cy.get('[input[id = "account"]]').click()
  • :nth-child(n)选择器

:nth-child(n)选择器匹配属于其父元素的第n个子元素,不论元素的类型。

获取用户名DOM元素方法:

cy.get(tbody > tr:nth-child(1) > th')
  • Cypress.$定位器

Cypress可以使用jQuery选择器定位

Cypress.$('#account') 等价于 cy.get('#account')

以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作具有一定的参考学习价值,如果有疑问大家可以留言交流,谢谢大家的支持。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值