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

 

 

 

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

 

 

 将会自动打开cypress客户端

 

 

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

 

 

 

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、点击运行：

 7、运行结果：

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

 8、元素定位助手

 

 

 

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

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')