Cypress学习记录之一：简介和安装

---

---

Cypress是什么

Cypress（ [ˈsaɪprəs] ）是一个建立于2018年左右，最近比较火的开源自动化测试工具项目，它不仅能够WEB UI自动化 End to End Testing，还可用于接口自动化 Component Testing。 比较方便快捷地安装，写脚本，执行，记录结果。 官方的口号是： 让所有的自动化测试事情在浏览器中执行变得快速、轻松和可靠。

Cypress支持语言JavaScript/TypeScript.

Cypress是怎样工作的

其他的测试框架selenium， 都是有client经过webdriver和浏览器进行交互， 而Cypress则直接是通过browser的API来执行。在Cypress后有一个Node.js服务进程，Cypress和Node进程不断交互、同步，相互执行对方的任务，这样是我们有可以更好实时地控制程序运行。
Selenium 运行:

Cypress运行：

Cypress有什么优势

1. 也是他最大的不同，直接在浏览器中执行JavaScript，这样用户可以高度控制，执行速度很快
2. 通过安装Cypress，可能让开发，调试，执行，结果都集中同一个地方
3. 并发执行、同步执行很容易控制
4. 从初步接触的感觉就是运行非常稳定，我觉得这对于End2End web测试来说很重要

如何安装建立一个Cypress项目

前置条件

• 系统条件：
  • Mac：10.9以上
  • Windows：64位 Win7以上
• Node.js版本要求：12 or 14以上
  NVM：

curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.1/install.sh | bash
1

在~/.zhrc文件中加入：

export NVM_DIR="$([ -z "${XDG_CONFIG_HOME-}" ] && printf %s "${HOME}/.nvm" || printf %s "${XDG_CONFIG_HOME}/nvm")"
[ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh" # This loads nvm
bash
1
2
3

安装Cypress

npm install cypress --save-dev
1

打开Cypress

可以用下面的任一种方式打开Cypress

1. 在terminal中

npx cypress open
1

2. 或者直接在项目modules目录打开：

./node_modules/.bin/cypress open
1

3. 在项目的配置package.json文件中加入：

{
  "scripts": {
    "cypress:open": "cypress open"
  }
}
1
2
3
4
5

然后再terminal中执行：

npm run cypress:open
1

4. 然后再terminal中执行：打开后按照配置选择End2End Testing:
   

---

总结

至此，我们已经有一个初步的了解，当然如果你已经了解了Cypress，应该是不会看到这篇，因为动手操作可能就几分钟的事情，不过对于第一次接触的人来说，很推荐尝试，我也刚刚接触，如果有不对的地方，欢迎一起探讨学习