cypress测试脚本_Cypress学习笔记4——编写第二个测试脚本(登录案例)

引言

前面一节已经讲过访问百度的脚本，现在一个登录的UI自动化案例，以禅道为例(暂时不用公司网站，最近公司信息安全管控比较严格)。

脚本编写

写脚本如写用例，只不过脚本是以代码的方式写，用例以汉字的方式写。首先我们写一个登录的用例，就要捋好各个节点：

1、输入账号；

2、检查账号；

3、输入密码；

4、检查密码；

5、点击登录；

6、判断页面重定向跳转到首页；

7、判断页面包含某个文件；

8、判断登录成功后，cookie存在；

具体代码如下：

/*@author: Leo

@software: pycharm

@file: login_web.js

@time: 2020/7/5 0005 11:48

@Desc:

*/

/* __author__ = 'Leo' */

describe('登陆zentao网站案例', function() {

beforeEach(() => {

cy.visit('http://123.206.13.15/zentao/user-login.html')

})

it("登陆案例", function()

{

// 输入用户名

cy.get('#account').type('******')

.should('have.value', '******')

// 输入密码

cy.get('[name="password"]').type('******')

.should('have.value', '******')

// 提交表单

cy.get('#submit').click()

// 判断页面跳转到 /zentao/my/

cy.url().should('include', '/zentao/my/')

// and '欢迎您：admin' in page

cy.get('body').should('contain', '我的地盘')

// 判断存在cookie值 'zentaosid'

cy.getCookie('zentaosid').should('exist')

})

})

执行脚本

还是启动Cypress程序，双击脚本login_web.js

执行结果：

脚本分析

1、Cypress特性之一：实时重新加载代码。这句话的意思就是，如果你在编辑器里修改了的脚本部分内容，不需要重启应用程序，直接运行脚本会加载最新编辑的代码。

2、最后三个断言：

一个是断言url：

3、我们知道元素定位方式一般两种：

get：按 css 或元素特定属性的方式定位元素

contains：按特定字符串定位元素

所以是断言body中，也就是返回的页面是否存在"我的地盘"这个特殊字符。

4、就是验证登录后的cookies：

以上内容就是这些。

总结

有兴趣可以持续关注。另外喜欢测试开发、性能测试的伙伴可以加入学习交流QQ群，一起学习成长。