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


安装完成了。


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

相关文章
|
6天前
|
开发工具 iOS开发 开发者
「Mac畅玩鸿蒙与硬件2」鸿蒙开发环境配置篇2 - 在 Mac 上安装 DevEco Studio
本篇将专注于如何在 Mac 上安装鸿蒙开发工具 DevEco Studio,确保开发环境能够顺利搭建。完成安装后,可以正式开始鸿蒙应用的开发工作。
34 1
「Mac畅玩鸿蒙与硬件2」鸿蒙开发环境配置篇2 - 在 Mac 上安装 DevEco Studio
|
29天前
|
机器学习/深度学习 Python
【10月更文挑战第5天】「Mac上学Python 6」入门篇6 - 安装与使用Anaconda
本篇将详细介绍如何在Mac系统上安装和配置Anaconda,如何创建虚拟环境,并学习如何使用 `pip` 和 `conda` 管理Python包,直到成功运行第一个Python程序。通过本篇,您将学会如何高效地使用Anaconda创建和管理虚拟环境,并使用Python开发。
56 4
【10月更文挑战第5天】「Mac上学Python 6」入门篇6 - 安装与使用Anaconda
|
30天前
|
IDE 开发工具 iOS开发
【10月更文挑战第3天】「Mac上学Python 3」入门篇3 - 安装Python与开发环境配置
本篇将详细介绍如何在Mac系统上安装Python,并配置Python开发环境。内容涵盖Python的安装、pip包管理工具的配置与国内镜像源替换、安装与配置PyCharm开发工具,以及通过PyCharm编写并运行第一个Python程序。通过本篇的学习,用户将完成Python开发环境的搭建,为后续的Python编程工作打下基础。
162 2
【10月更文挑战第3天】「Mac上学Python 3」入门篇3 - 安装Python与开发环境配置
|
1月前
|
iOS开发 MacOS Python
【10月更文挑战第1天】「Mac上学Python 1」入门篇1 - 安装Typora与Markdown编辑技巧
本篇将详细介绍如何在Mac系统上安装Typora这款简洁高效的Markdown编辑器,并学习Markdown常用语法。通过本篇,用户能够准备好记录学习笔记的工具,并掌握基本的文档编辑与排版技巧,为后续学习提供便利。
141 1
【10月更文挑战第1天】「Mac上学Python 1」入门篇1 - 安装Typora与Markdown编辑技巧
|
23天前
|
NoSQL Shell MongoDB
Mac OSX 平台安装 MongoDB
10月更文挑战第11天
17 4
|
25天前
|
应用服务中间件 Linux nginx
Mac os 安装 nginx 教程(success)
这篇文章是关于如何在Mac OS系统上使用Homebrew安装nginx及其依赖,并解决安装过程中可能出现的权限问题。
59 0
Mac os 安装 nginx 教程(success)
|
29天前
|
开发工具 iOS开发 MacOS
【Mac_mistake】app不能安装在未命名需要OSv11.13或更高版本
【Mac_mistake】app不能安装在未命名需要OSv11.13或更高版本
54 0
|
3月前
|
NoSQL 数据可视化 Redis
Mac安装Redis
Mac安装Redis
73 3
|
2月前
|
iOS开发 MacOS Windows
Mac air使用Boot Camp安装win10 ,拷贝 Windows 文件时出错
Mac air使用Boot Camp安装win10 ,拷贝 Windows 文件时出错