目录
一:Cypress介绍
二:安装与使用
1、下载node.js
2、安装Cypress
3、启动Cypress
3、解决异常
三:总结
一:Cypress介绍
Cypress 是为现代网络而构建的下一代前端测试工具,用于解决开发者和 QA 工程师在测试现代应用程序时面临的关键难题。
Cypress 简化了设置测试、编写测试、运行测试和调试测试,支持端到端测试、集成测试和单元测试,支持测试在浏览器中运行的任意内容。支持 Mac OS、Linux 和 Windows 平台。
更多的内容可以参考官网,本篇文章是面向小白的。JavaScript Component Testing and E2E Testing Framework | CypressCypress' open-source app takes the pain out of front-end testing. Use the Cypress E2E testing framework for any application or component that runs in a browser.https://www.cypress.io/
二:安装与使用
1、下载node.js
Node.js 是一个开源、跨平台的 JavaScript 运行时环境。作为一个异步事件驱动的 JavaScript 运行时,Node.js 被设计用来构建可扩展的网络应用。
下面这个是node.js的下载网址,为了后期稳定使用,通常初学者可以下载稳定版,如果想要尝试最前沿的功能,可以下载最新版(不稳定哦)。安装包一直next就好了。下载 | Node.jsNode.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.https://nodejs.org/zh-cn/download
下载完成后记得配置环境,这里网上很多,不再赘述了。
window + r 打开 cmd 窗口,输入 node --version 指令,弹出版本即为安装成功。
2、安装Cypress
1)项目初始化
在你想要创建项目的目录下shift + 鼠标右键,选择“在此处打开PowerShell窗口”,输入指令 npm init -y。等待指令运行完成,这时候我们就会发现该目录下出现了 package.json 文件。则项目初始化完成。
2)安装Cypress
这里我们有两种方式,一种是直接去官网下载zip文件解压到项目目录下(不推荐)
另一种是使用 npm/cnpm 指令,同上面的步骤,打开 PowerShell 窗口。指令如下
npm指令:
npm install cypress --save
注意:使用npm是连的国外,所以会比较慢,推荐使用cnpm
cnpm指令:
cnpm安装:npm install -g cnpm -registry=https://registry.npm.taobao.org
安装Cypress:cnpm install cypress --save
安装完成后,发现项目目录中出现了 node_modules 目录,则安装成功。
3、启动Cypress
我们进入目录 “E:\test_code\cypress_demo\node_modules\.bin” 下,在此处打开 PowerShell 窗口,输入 .\cypress open 指令运行即可。以下是运行成功的效果
注意:不要输成 cypress open 。不然不会执行
3、解决异常
如果你遇到了以下情况,这是正常的,因为 PowerShell 或者 windows 终端启动时,为了确保安全,文件的执行策略默认设置为 Restricted 。 Restricted 执行策略不允许任何脚本运行。可以参考文章。
关于执行策略 - PowerShell | Microsoft Learn
因此只需要降低安全性等级,将执行策略改为 RemoteSigned 即可执行脚本,在窗口中使用 Set-ExecutionPolicy 命令即可。
以管理员身份打开 PowerShell 或者 windows 终端,执行命令 set-executionpolicy remotesigned 并确认。
set-executionpolicy remotesigned
出现上面的结果,则修改成功。我们再次回到之前目录下使用 .\cypress open 指令即可成功运行。
不过通过修改将降低系统的安全性,可能带来被病毒或恶意软件攻击的风险。因此当脚本运行完成后,我们应当恢复一下之前的配置,如下
set-executionpolicy Restricted
这时候 cypress 可以运行,并且安全模式也恢复了,不用担心被攻击。
补充:管理员身份打开 PowerShell 如下,在开始菜单中搜索 powershell ,选择以管理员身份运行即可。
三:总结
Cypress 可以理解为 selenium 的下一个版本,其底层是用纯 JS 来实现的编写,因此是非常适合 Web 端自动化测试的。同时也是前端进行 TDD 的首选。不过也有缺点是目前还没有汉化版本,只有英文版。这点可能以后会得到解决吧!好啦,本文到此结束,希望能够对各位小伙伴有所帮助哦~