cypress安装简单使用

参考:https://www.cnblogs.com/leozhanggg/p/10973820.html

windows10  需要先安装node ( 检查node  命令行中运行 node -v)

1、在本地新建一个文件夹:Cypress_project  自定义

2、cd 到该目录下

3、命令行运行:npm install cypress --save-dev

cypress安装简单使用

 

 

 

4、命令行运行:node_modules\.bin\cypress open

cypress安装简单使用

 

 

 将会自动打开cypress客户端

cypress安装简单使用

 

 

 4、用pycharm或者idea打开 D:\XXXXXXX\Cypress_project\cypress\integration  目录

cypress安装简单使用

 

 

 

5、新建js文件编写用例:

describe(‘My First Test‘, function () {
    it(‘Does not do much!‘, function () {
        cy.visit("https://www.baidu.com")
        cy.get("#kw").type("cypress test")
        cy.wait(60)
        cy.get("#su").click()
        cy.contains(‘cypress website‘).click()
    })
})

 

6、点击运行:

cypress安装简单使用

 7、运行结果:

从左向右分别显示成功数、失败数、未运行、耗时,以及自动滚屏和重新运行按钮

cypress安装简单使用

 8、元素定位助手

 cypress安装简单使用

 

 

框架介绍&元素定位参考:

https://blog.csdn.net/hanlujie/article/details/112062213

https://www.cnblogs.com/yoyoketang/p/12877721.html

 

xpath插件安装和定位参考:https://my.oschina.net/u/4840086/blog/4794769

npm install -D cypress-xpath

cypress/support/index.js 文件下写下面语句:

require(‘cypress-xpath‘)

 

cypress安装简单使用

上一篇:【云栖号案例 | 新零售】聚水潭上云 完美度过电商业务高峰


下一篇:rails 里js 在production 只合并不压缩等问题,以及assets pipeline 加载js 在指定页面上