前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Cypress学习3- 登录web页面脚本案例

Cypress学习3- 登录web页面脚本案例

作者头像
上海-悠悠
发布2020-05-13 19:53:38
1.2K1
发布2020-05-13 19:53:38
举报

前言

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

登录脚本

脚本实现功能:

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

login_web.js脚本参考示例

代码语言:javascript
复制
/**
 * Created by dell on 2020/5/11.
 */

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

执行效果

本文参与 腾讯云自媒体分享计划,分享自微信公众号。
原始发表:2020-05-12,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 从零开始学自动化测试 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 前言
  • 登录脚本
  • 执行脚本
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档