Traversal获取单个或多个元素的方法集合

children()子集元素

 it('.children() - get child DOM elements', () => {
 //访问网址https://example.cypress.io/commands/traversal
    cy.get('.traversal-breadcrumb')
      .children('.active')
      .should('contain', 'Data')
  })

closest()最近的上级元素

it('.closest() - get closest ancestor DOM element', () => {
    cy.get('.traversal-badge')
      .closest('ul')//最近的上层（祖先）元素，和parent有什么区别？
      .should('have.class', 'list-group')
  })

eq(n)指定索引

it('.eq() - get a DOM element at a specific index', () => {
    cy.get('.traversal-list>li')
      .eq(1).should('contain', 'siamese')//序号为1的li元素中包含siamese
  })

filter()过滤

it('.filter() - get DOM elements that match the selector', () => {
    // 拿到匹配选择器的Dom元素
    cy.get('.traversal-nav>li')
      .filter('.active').should('contain', 'About')
  })

find()找到选择器的DOM元素

it('.find() - get descendant DOM elements of the selector', () => {
    cy.get('.traversal-pagination')
      .find('li').find('a')
      .should('have.length', 7)
  })

first()第一个dom元素

it('.first() - get first DOM element', () => {
    // 第一个td元素
    cy.get('.traversal-table td')
      .first().should('contain', '1')
  })

last()最后一个dom元素

it('.last() - get last DOM element', () => {
    //最后一个.btn元素(类名为btn的元素)
    cy.get('.traversal-buttons .btn')
      .last().should('contain', 'Submit')
  })

next()下一个兄弟标签

 it('.next() - get next sibling DOM element', () => {
 	//获取这个类里面的
    cy.get('.traversal-ul')
    	//同级的下一个元素
      .contains('apples').next().should('contain', 'oranges')
  })

nextAll()下面所有兄弟元素

it('.nextAll() - get all next sibling DOM elements', () => {
	//获取这个类里面的
    cy.get('.traversal-next-all')
    	//同级的所有元素
      .contains('oranges')
      .nextAll().should('have.length', 3)
  })

nextUntil：获取元素中的所有下一个同级DOM元素直到nextUntil中的元素为止

it('.nextUntil() - get next sibling DOM elements until next el', () => {
    // 下一个直到找到id为nuts的元素
    cy.get('#veggies')
      .nextUntil('#nuts').should('have.length', 3)
  })

not()从设置的元素中移除元素

it('.not() - remove DOM elements from set of DOM elements', () => {
    // 通过类名找到button标签
    cy.get('.traversal-disabled .btn')
    	//将元素属性设置为不隐藏
      .not('[disabled]').should('not.contain', 'Disabled')
  })

parent()

 //	
 it('.parent() - get parent DOM element from DOM elements', () => {
    cy.get('.traversal-mark')
      .parent().should('contain', 'Morbi leo risus')
  })

parents()

it('.parents() - get parent DOM elements from DOM elements', () => {
    cy.get('.traversal-cite')
      //所有的父级
      .parents().should('match', 'blockquote')
  })

parentsUntil()找上级元素到某个级别之间的上级元素

  it('.parentsUntil() - get parent DOM elements from DOM elements until el', () => {
    cy.get('.clothes-nav')
      .find('.active')
      .parentsUntil('.clothes-nav')
      .should('have.length', 2)
  })

prev()前面相邻的元素

it('.prev() - get previous sibling DOM element', () => {
    // 找到前面相邻的元素
    cy.get('.birds').find('.active')
      .prev().should('contain', 'Lorikeets')
  })

preAll()前面的所有同级

it('.prevAll() - get all previous sibling DOM elements', () => {
    // 找到.third这个类，前面所有的元素
    cy.get('.fruits-list').find('.third')
      .prevAll().should('have.length', 2)
  })

prevUntil()前面的同级从某个到另一个元素之间的

 it('.prevUntil() - get all previous sibling DOM elements until el', () => {
    //id为nuts的元素到前面id为veggies元素之间
    cy.get('.foods-list').find('#nuts')
      .prevUntil('#veggies').should('have.length', 3)
  })

siblings()所有的同级（兄弟）

 it('.siblings() - get all sibling DOM elements', () => {
    // 获取到所有的兄弟元素
    cy.get('.traversal-pills .active')
      .siblings().should('have.length', 2)
  })