<span>Cypress系列（98）- cypress-xpath 插件, xpath() 命令详解</span>

npm install -D cypress-xpath

yarn add cypress-xpath --dev

require('cypress-xpath')

// 直接 cy.
cy.xpath()

// 获取到 element 元素之后再调用
cy.get('ul').xpath()
cy.xpath().xpath()
cy.get('div').first().xpath()

it('简单的栗子', function () {
    cy.xpath('//ul/li')
        .should('have.length', 6)
});

it('调用 Cypress 命令后再接 xpath 命令', function () {
    cy.xpath('//ul')
        .first()
        .xpath('./li')
});

it('调用 xpath 后再接一次 xpath 命令', function () {
    cy.xpath('//body/ul')
        .xpath('./li')
});

it('根据属性定位元素', function () {
    cy.xpath('//*[@id="form-wrapper"]')
    cy.xpath('//*[@class]')
});

it('选取当前节点的父节点', function () {
    cy.xpath('//*[@id="form-wrapper"]/../h2')
});

it('根据索引定位', function () {
    cy.xpath('//body/ul[1]/li[3]')
});

it('条件表达式', function () {
    cy.xpath('//*[@name="password" or @id="form-wrapper"]')
}

it('模糊匹配函数', function () {
    cy.xpath('//*[starts-with(@class,"e")]')
    cy.xpath('//*[contains(text(),"Show")]')
});

it('定位函数', function () {
    cy.xpath('//input[position()=1]')
});

it('其他定位方式', function () {
    cy.xpath('//li[position()=2]/preceding-sibling::li')
    // 等价写法
    cy.xpath('//li[position()=2]/../li[position()<2]')
});