Cypress笔记-.()as方法详解

作用

为DOM元素起别名以供以后使用
为route起别名以供以后使用
可在 cy.get() 或 cy.wait() 命令中引用别名

语法

.as(aliasName)

引用

在别名前加@如
cy.get(‘@firstBtn’)
cy.wait(‘@getComment’)

示例代码

/ The following DOM command chain is unwieldy.
// To avoid repeating it, let's use `.as()`!
cy.get('.as-table')
  .find('tbody>tr').first()
  .find('td').first()
  .find('button').as('firstBtn')

// To reference the alias we created, we place an
// @ in front of its name
cy.get('@firstBtn').click()

cy.get('@firstBtn')
  .should('have.class', 'btn-success')
  .and('contain', 'Changed')

// Alias the route to wait for its response

cy.intercept('GET', '**/comments/*').as('getComment')

// we have code that gets a comment when
// the button is clicked in scripts.js
cy.get('.network-btn').click()

// https://on.cypress.io/wait
cy.wait('@getComment').its('response.statusCode').should('eq', 200)

1、找到元素并给元素起别名firstBtn，获取元素并点击，获取元素进行断言。
2、为路由起别名，判断路由的相应状态码