码迷,mamicode.com
首页 > 其他好文 > 详细

Cypress - 元素查找及其操作

时间:2020-05-25 23:40:33      阅读:541      评论:0      收藏:0      [点我收藏+]

标签:ssr   bsp   使用   https   drive   git   body   asp   name   

一. 元素查找 - get

1. get 相当于 selenium 中的 find_element_by_css & find_elements_by_css

2. css 的所有 selector 均可以放在 get里查找

3. 示例:

描述 在 Cypress 中的使用(单个/多个元素) 在 Selenium 中的使用(单个元素) 在 Selenium 中的使用(多个元素)
根据元素 id 查找 cy.get(‘#id‘) driver.find_element_by_id("id") driver.find_elements_by_id("id")
根据元素名称查找 cy.get(‘div[name="ele-name"]‘) driver.find_element_by_name("ele-name") driver.find_elements_by_name("ele-name")
根据元素的类名查找 cy.get(‘.class-name‘) driver.find_element_by_class_name("class-name") driver.find_elements_by_class_name("class-name")
根据css selector查找 cy.get(‘div[key="value"]‘) driver.find_element_by_css_selector("div[key=‘value‘]") driver.find_element_by_css_selector("div[key=‘value‘]")
根据 xpath 查找 需要安装插件:https://github.com/cypress-io/cypress-xpath driver.find_element_by_xpath("//div[@key=‘value‘]") driver.find_element_by_xpath("//*div[@key=‘value‘]")

二. 元素查找 - contains

 1. contains 是查找包含文字内容的 DOM 元素

 2. contains 相当于 selenium 中的 driver.find_element_by_xpath("//*[contains(text(),‘value‘)]"),但更强大

 3. 示例:

描述 在 Cypress 中的使用(单个/多个元素) 在 Selenium 中的使用(单个元素) 在 Selenium 中的使用(多个元素)
根据元素文本查找 cy.contains(‘value‘) driver.find_element_by_xpath("//*[contains(text(),‘value‘)]") driver.find_elements_by_xpath("//*[contains(text(),‘value‘)]")
根据元素属性及其文本查找 cy.get(‘div[name="ele-name"]‘).contains(‘value‘) driver.find_element_by_xpath("//div[@name=‘ele-name‘][contains(text(),‘value‘)]") driver.find_elements_by_xpath("//div[@name=‘ele-name‘][contains(text(),‘value‘)]")
使用正则匹配元素文本以查找
cy.get(‘.class-name‘)
      .contains(/[0-9]*/)
   

Cypress - 元素查找及其操作

标签:ssr   bsp   使用   https   drive   git   body   asp   name   

原文地址:https://www.cnblogs.com/fayez/p/12961466.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!