Cypress web自动化3- 登录web网站案例脚本

前言

先从第一个登录页面的案例开始,写一个登陆案例的脚本示例,这里以禅道网站登录为例。

登录脚本

脚本实现功能:

  • 输入用户名,断言输入框输入成功
  • 输入密码,断言输入成功
  • 点登陆按钮
  • 断言1 判断页面重定向跳转到首页
  • 断言2 判断页面包含某个文件
  • 断言3 判断登录成功后,cookie存在

login_web.js脚本参考示例

/**
 * Created by dell on 2020/5/11.
 * 作者:上海-悠悠 交流QQ群:939110556
 */


describe('登陆web网站案例', function() {
    beforeEach(() => {
          cy.visit('http://ip:8080/zentao/user-login.html')
        })

    it("登陆案例", function()
    {
        // 输入用户名
        cy.get('#account').type('admin')
              .should('have.value', 'admin')
        // 输入密码
        cy.get('[name="password"]').type('***123456')
              .should('have.value', '***123456')
        // 提交表单
        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')
    })
    })

执行脚本

点击login_web.js脚本执行

执行效果

QQ交流群:939110556

posted @ 2020-05-11 23:34  上海-悠悠  阅读(2846)  评论(0编辑  收藏  举报