Cypress03：UI元素定位

Cypress定位

//id定位
cy.get('#username') 
//class定位
cy.get('.username') 
//class1和class2可以间隔层级， class2和class3必须是相连层级
cy.get('.class1 .class2 > .class3')
//xPath定位
cy.xpath('//ul[@class="todo-list"]') 

//文本定位
cy.contains('文本') 

//CSS定位
cy.get('[class="todo-list]') 
cy.get('tagname[attribute=value]') 

//tag定位
cy.get("input")
cy.get("li")
cy.get("table")

//属性定位
cy.get('[for="xxx"]')

// 符合规则即可

常用定位函数

1. .children()：获取dom元素的子元素
2.  .parents()：获取dom元素的所有父元素
3.  .parent()：获取向上级的第一层父元素
4.  .siblings()：获取所有同级元素（兄弟元素）
5.  .first()：匹配找到的第一个元素
6.  .last()：匹配找到的最后一个元素
7.  .next()：匹配紧跟着的下一个同级元素
8.  .nextAll：匹配该对象之后的所有同级元素
9.  .nextUntil()：匹配该对象之后的所有同级元素，直到遇到Until中定义的元素为止
10.  .prev：与next()相反
11.  .prevAll：与nextAll相反
12.  .prevUntil()：与nextUntil相反
13.  .each()：遍历所有子元素
14.   .eq(index)：定