只知Selenium？来尝试下Cypress

悠悠 2023-10-12 18:43 31阅读 0赞

*前端测试框架不只selenium，比如这个cypress，官网文档带视频呐！*

*官网：https://docs.cypress.io*

*给大家换个菜尝尝！*

### **>>>>环境准备：** ###

#### **已安装：node.js、npm、VSCode** ####

验证环境可用，执行命令：

E:\\20\\self-learn\\VSCode\\project>node -v

v8.11.3

E:\\20\\self-learn\\VSCode\\project>npm -v

5.6.0

#### **创建package.json文件** ####

项目的根目录下来初始化一个package.json文件（使用默认的配置来创建package.json文件，最后根据需要修改创建好的package.json文件即可）  
执行命令：  
E:\\20\\self-learn\\VSCode\\project>npm init --y

#### **安装cypress** ####

1、执行命令：

E:\\20\\self-learn\\VSCode\\project>npm install cypress--save-dev

2、启动命令：

PS E:\\20\\self-learn\\VSCode\\project> cd.\\node\_modules\\.bin\\

PS E:\\20\\self-learn\\VSCode\\project\\node\_modules\\.bin> .\\cypressopen

（网上也有很多执行：cypress open成功的）

报错：Error: EEXIST: file already exists, mkdir...

![699a274896fac0ab55fa32f28b564923.png][]

解决方法：解决这个问题，需要在package.json文件中的scripts下增加

"scripts": {
       "cypress:open":"cypress open"},

内容添加后，可以直接在项目的根目录下启动

执行命令（最终正确的启动命令）：

PS E:\\20\\self-learn\\VSCode\\project\\node\_modules\\.bin> npmrun cypress:open

3、启动成功：

![779014e672c8580a5d22426884344bcd.png][]

### **>>>>安装插件：** ###

#### **cy.xpath() -按XPATH进行定位，需安装cypress-xpath：** ####

1、npm install cypress-xpath--save-dev

2、在cypress/support/index.js中添加:require('cypress-xpath')

### **>>>>元素定位方式** ###

**1、cy.get()**  
\-按CSS或元素特定属性进行定位，累JQueryselection

（1） cy.get('h1') 直接通过表标签名字获取

（2） cy.get('.class') 通过class 名字获取

（3）cy.get('\#id') 同坐id名字获取

（4）cy.get('.list > li') 获取下面的 li 元素

（5）cy.get('button\[type=submit\]') 获取type=submit 的button元素

（6）也可以在文件的开头用const 定义，在整个页面都可以直接拿来用

**2、cy.contains()**  
\-按特定字符串匹配进行元素定位

获取包含文本的DOM元素。

(1) cy.contains('Hello ') 获取文本为hello的元素

（2）cy.contains('ul', 'apples')获取ul下面为apples的元素

3、cy.xpath()  
\-按XPATH进行定位，需安装cypress-xpath

### **>>>>页面操作** ###

1、type  
2、focus  
3、blur  
4、clear  
5、submit  
6、click  
7、dblclick  
8、rightclick  
9、check  
10、uncheck  
11、select  
12、scrollIntoView  
13、scrollTo  
14、trigger  
(下期有案例哟！)

**最后：**下方这份完整的软件测试视频教程已经整理上传完成，需要的朋友们可以自行领取**【保证100%免费】**

![8b0171187dce405e878f274a8cdd9ec0.png][]

#### **软件测试面试文档** ####

我们学习必然是为了找到高薪的工作，下面这些面试题是来自阿里、腾讯、字节等一线互联网大厂最新的面试资料，并且有字节大佬给出了权威的解答，刷完这一套面试资料相信大家都能找到满意的工作。

![a3e4226c935c4242804cbdf26b571bc6.png][]

#### 全部资料获取 ####

![74c28020c479412ab20b550cddeb46fa.gif][]

[699a274896fac0ab55fa32f28b564923.png]: https://img-blog.csdnimg.cn/img_convert/699a274896fac0ab55fa32f28b564923.png
[779014e672c8580a5d22426884344bcd.png]: https://img-blog.csdnimg.cn/img_convert/779014e672c8580a5d22426884344bcd.png
[8b0171187dce405e878f274a8cdd9ec0.png]: https://img-blog.csdnimg.cn/8b0171187dce405e878f274a8cdd9ec0.png
[a3e4226c935c4242804cbdf26b571bc6.png]: https://img-blog.csdnimg.cn/a3e4226c935c4242804cbdf26b571bc6.png
[74c28020c479412ab20b550cddeb46fa.gif]: https://img-blog.csdnimg.cn/74c28020c479412ab20b550cddeb46fa.gif