Mac 电脑如何安装cypress?

简介: 大家好,我是阿萨。之前有一篇文章,介绍了UI自动化与API自动化已经开始互斥了吗?文中讲解了UI 自动化以及API 自动化的优缺点。前面1-2个月也学习了APIFox 合集, Postman 合集以及Wireshark 合集。API 自动化测试不用愁了。可是有些同学还想学习UI 自动化。作为Web UI 自动化 Selenium 是必备技能,已经被玩烂了。随处可见。 这次我们学习一个高级的前端自动化框架。Cypress。

一, Cypress 能干什么?


学习任何一种工具,官网绝对是最佳学习途径。


打开官网后,首先映入眼帘的就是下图:


1.jpg


Web已经进化了。

最终,测试也是如此。

快速,简单和可靠的测试,任何运行在浏览器中。

简单总结下:基于Javascript的快速,简单和可靠的测试,可以在浏览器中测试任何web内容。


二, 如何安装Cypress?


Cypress 共有三种安装方式:

1. npm 安装。

命令行输入如下命令:


cd /your/project/pathnpm install cypress --save-dev


2.Yarn 安装.

命令行输入如下命令:


cd /your/project/pathyarn add cypress --dev


3.直接下载安装包,安装。

浏览器输入上面地址后,直接就可以下载zip 包。

Mac 电脑解压后直接就是Cypress.app。拖拽到Applications之后就完成安装。


三. 如何使用cypress 创建一个project?


1. 打开Cypress.app.

2. 点击 Add Projects.

3.选择E2E testing 开始配置。


2.jpg


3.jpg


4.点击 continue


  1. 4.jpg


5.选择浏览器


6.jpg


6.点开始按钮。


7.jpg


7.选择创建新的空白Spec


8.jpg


8.点击完成。

9.第一个脚本写好了,直接就开始在浏览器中运行了。


9.jpg


在Visual Studio Code 中打开刚才的文件夹。可以看到Cypress 自动为我们创建的文件。


10.jpg


安装完成了。


你学会了吗?如果觉得阿萨的内容对你有帮助,欢迎围观点赞。

相关文章
|
1月前
|
开发工具 git iOS开发
Mac 安装软件包管理工具Homebrew
Mac 安装软件包管理工具Homebrew
|
4天前
|
Java Android开发 芯片
Mac M芯片安装DBeaver Ultimate
Mac M芯片安装DBeaver Ultimate
10 0
Mac M芯片安装DBeaver Ultimate
|
1月前
QT 5.14.2版本 MAC环境安装部署流程
QT 5.14.2版本 MAC环境安装部署流程
|
1月前
|
iOS开发 MacOS Python
Mac安装pip报错的解决办法
Mac安装pip报错的解决办法
|
1月前
|
存储 Ubuntu Linux
如何在 Mac M1 (Apple Silicon) 上安装 ABAP 1909
如何在 Mac M1 (Apple Silicon) 上安装 ABAP 1909
11 0
|
2月前
|
存储 安全 芯片
阿里云网盘与相册问题之MAC电脑是否支持挂载盘
阿里云网盘与相册是阿里云提供的云存储服务,用户可以安全便捷地存储和管理个人文件、照片等数据;本合集将介绍如何使用阿里云网盘和相册服务,包括文件上传、同步、分享,以及处理常见使用问题的技巧。
49 1
|
2月前
|
NoSQL 关系型数据库 MySQL
Windows、Linux、Mac安装数据库(mysql、MongoDB、Redis)#0
不同系统下进行MySQL安装、MongoDB安装、Redis安装【2月更文挑战第5天】
439 5
Windows、Linux、Mac安装数据库(mysql、MongoDB、Redis)#0
|
2月前
|
关系型数据库 MySQL 数据安全/隐私保护
【MySQL】 Docker 安装 MySQL8.0(mac)
【MySQL】 Docker 安装 MySQL8.0(mac)
|
3月前
|
Unix 网络安全 iOS开发
Mac 电脑如何安装Wireshark?
Mac 电脑如何安装Wireshark?
Mac 电脑如何安装Wireshark?