Cypress系列(53)- as() 命令详解

如果想从头学起Cypress,可以看下面的系列文章哦

https://www.cnblogs.com/poloyy/category/1768839.html

 

作用

  • 起别名以供以后使用
  • 可在 cy.get() 或 cy.wait() 命令中引用别名

 

语法格式

.as(aliasName)

 

正确格式

// 给第一个 li 元素起别名
cy.get('.main-nav').find('li').first().as('firstNav')

// 给网络请求的响应起别名
cy.route('PUT', 'users', 'fx:user').as('putUser')    

 

引用别名的方式

 cy.get() 或 cy.wait() 命令中使用@前缀引用的别名的名称,如 @firstNav 、 @putUser 

 

简单的栗子

一般 .wrap()  和 as() 配对使用

 

cypress 代码

两个测试用例

  1. 获取元素,再进行判断
  2. 获取 wrap() 生成的对象,然后再对它进行操作

 

测试结果

 

结合 fixture() 的栗子

代码一

cy.fixture('users').as('users')
cy.log(`变量name${this.users.length}`

 

测试结果

 为什么报错呢

  • 是因为 Cypress 的命令是异步的
  • 因此,无法同步访问别名的任何内容(第二行)
  • 必须使用其他异步命令( 例如.then() )来访问已别名的内容

 

代码二

cy.fixture('users').as('users').then(function () {
     cy.log(`变量name${this.users.length}`)
})

用 this. 调用别名

 

测试结果

 

结合 get() 的栗子

cypress 代码

it('via get().', () => {
    cy.fixture('users.json').as('admins')
    cy.get('@admins')
    .then((users) => {
        cy.log(`There are ${users.length} admins.`)
    })
})

 

测试结果

 

posted @ 2020-09-25 16:08  小菠萝测试笔记  阅读(2016)  评论(0编辑  收藏  举报