码迷,mamicode.com
首页 > 其他好文 > 详细

运行Cypress第一个测试脚本

时间:2020-06-08 18:56:23      阅读:156      评论:0      收藏:0      [点我收藏+]

标签:info   load   use   bsp   测试用例   localhost   scribe   图片   安装   

一.启动Cypress

  进入cypress安装目录,输入yarn run cypress open 启动cypress

  技术图片

 

 二.启动测试项目

  进入到项目文件夹启动测试项目

  技术图片

 

三.编写测试脚本

  在生成的integration文件夹下编写测试用例testLogin.js

 1 //testLogin.js
 2 ///<reference types="cypress"/>
 3 
 4 describe(‘登录‘, function(){
 5         //此用户名密码服务器默认
 6         const username = ‘jane.lane‘
 7         const password = ‘password123‘
 8 
 9         context(‘HTML 表单登录测试‘,function(){
10 
11                 it(‘登陆成功,跳转到dashboard页‘,function(){
12                     cy.visit(‘http://localhost:7077/login‘)
13                     cy.get(‘input[name=username]‘).type(username)
14                     cy.get(‘input[name=password]‘).type(password)
15                     cy.get(‘form‘).submit()
16 
17                     //断言,验证登陆成功则跳转dashbard页面
18                     //断言,验证用户名存在
19                     cy.url().should(‘include‘, ‘/dashboard‘)
20                     cy.get(‘h1‘).should(‘contain‘,‘jane.lane‘)
21 
22                     }
23                 )
24             }
25         )
26     }
27 )

  

  技术图片

 

 四.在Cypress中运行测试脚本

  在启动的Cypress中点击添加的测试脚本,运行。

  技术图片

 

 

五.查看断言结果及相关页面

 

  技术图片

 

   

 

运行Cypress第一个测试脚本

标签:info   load   use   bsp   测试用例   localhost   scribe   图片   安装   

原文地址:https://www.cnblogs.com/lvzhenhua/p/13067365.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!