首页 > 其他 > 详细

Cypress学习2-pycharm写第一个脚本

时间:2020-05-11 12:27:30      阅读:90      评论:0      收藏:0      [点我收藏+]

前言

Cypress是javascript语言写的,写js脚本可以用pycharm编辑器上直接编写。
以第一个百度页面搜索框为案例编写一个可以运行的脚本

pycharm导入工程

上一篇新建的项目目录在D:\Cypress

技术分享图片

pycharm - File - Open - D:\Cypress\cypress 导入项目

技术分享图片

在 setting 里面配置下 javascript 语言版本

技术分享图片

在 integration 目录下新建你的工程目录,如demo,下面新建一个baidu.js文件

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

describe(‘第一个hello world脚本从百度开始‘, function() {
    beforeEach(() => {
          cy.visit(‘https://www.baidu.com‘)
        })
      it("百度输入框功能", function()
      {
          cy.get(‘#kw‘).type(‘yoyo‘)
              .should(‘have.value‘, ‘yoyo‘)
              .clear()
              .should(‘have.value‘, ‘‘)
          })
    })

脚本实现功能,先打开百度页面,在百度输入框输入“yoyo”,并断言文本输入成功。接着清空输入框,再判断文本框已经被清空,断言输入框的文本为空。
代码解释:

  • describe 声明一个测试用例集
  • beforeEach 测试用例前置操作,相当于setup
  • it声明了一个测试用例
  • cy.get 定位元素,用css selector定位选择器
  • type 输入文本
  • should 断言,hava.value 是元素的value属性值,判断是否为‘yoyo’
  • clear 清空文本
  • should 继续断言,文本框内容为空字符串

运行脚本

接着上一篇的,先cd到项目目录,用npm启动cypress页面

D:\Cypress>npm run cypress:open

前面写的js脚本,这里会自动检测到
技术分享图片

点baidu.js即可运行测试脚本了

技术分享图片

2个断言都通过,一个简单的入门脚本就这样完成了!

QQ交流群:939110556
技术分享图片

Cypress学习2-pycharm写第一个脚本

原文:https://www.cnblogs.com/yoyoketang/p/12868279.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!