Github 46.6k Star 前端测试工具

大家好，我是牛皮糖！今天在 GitHub 看到一款页面测试工具—— cypress，在GitHub 上收获了 46.6k 的 Star 并且还宣称不会进行收费。Cypress是一个流行的前端测试框架，它允许开发者编写自动化测试来确保他们的Web应用程序按预期工作。

安装方式：

使用npm安装：

-
npm install cypress --save-dev --registry=https://registry.npmmirror.com

在项目的根目录下运行npm install cypress –save-dev来将Cypress作为开发依赖安装到本地。

需要确保已经安装了Node.js，并且项目中存在node_modules文件夹或package.json文件。

yarn安装：

通过yarn add cypress命令安装Cypress。

-
yarn add cypress --dev

pnpm安装：

使用pnpm add –save-dev cypress命令安装，需要确保本地安装了 pnpm环境。

-
pnpm add --save-dev cypress
直接下载：

如果不使用Node.js或包管理工具，或者想快速尝试Cypress，可以直接从Cypress CDN下载最新版本。

系统支持：

硬件要求：
本地运行Cypress建议使用能够进行现代Web开发的任何机器。在CI环境中运行时，建议至少有2个CPU核心，如果启用视频录制则需要额外的CPU核心，以及至少4GB内存，推荐8GB以上用于长时间测试运行。

Docker：

Cypress提供了Docker镜像，这些镜像基于Linux（Debian），并且已经预装了所有必需的依赖。

打开运行：

如何获取元素的文本内容？

Cypress 命令产生 jQuery 对象，因此您可以对其调用方法。

如果您尝试断言元素的文本内容：

-
cy.get('div').should('have.text', 'foobarbaz')

如果文本包含不间断空格实体，则使用 Unicode 字符\u00a0而不是。****

-
cy.get('div').should('have.text', 'Hello\u00a0world')

// make an assertion on the value

-
cy.get('input').should('have.value', 'abc')

项目地址：

官方文档：

·················END·················