如果想从头学起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 代码
![](https://i-blog.csdnimg.cn/blog_migrate/fcc9aeb1aca28f554c9288af8aaa097f.png)
两个测试用例
- 获取元素,再进行判断
- 获取 wrap() 生成的对象,然后再对它进行操作
测试结果
![](https://i-blog.csdnimg.cn/blog_migrate/4cf8901dd2be6e71c78e23c5a2a81017.png)
结合 fixture() 的栗子
代码一
cy.fixture('users').as('users')
cy.log(`变量name${this.users.length}`
测试结果
![](https://i-blog.csdnimg.cn/blog_migrate/a3f4ce0ee68b463f6e9614fad280558d.png)
为什么报错呢
- 是因为 Cypress 的命令是异步的
- 因此,无法同步访问别名的任何内容(第二行)
- 必须使用其他异步命令( 例如.then() )来访问已别名的内容
代码二
cy.fixture('users').as('users').then(function () {
cy.log(`变量name${this.users.length}`)
})
用 this. 调用别名
测试结果
![](https://i-blog.csdnimg.cn/blog_migrate/f6c571f037cb6f5066d5dce17bca8681.png)
结合 get() 的栗子
cypress 代码
it('via get().', () => {
cy.fixture('users.json').as('admins')
cy.get('@admins')
.then((users) => {
cy.log(`There are ${users.length} admins.`)
})
})
测试结果
![](https://i-blog.csdnimg.cn/blog_migrate/9cda300e82fc746ae995c55b4b5b2699.png)