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

前言

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

登录脚本

脚本实现功能：

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

login_web.js脚本参考示例

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脚本执行

执行效果