Cypress - 自动化测试 - 目录结构

我是通过 node.js 安装的 cypress，通过 vscode 打开项目文件。

先说一下 cypress 的目录结构。cypress 共有四个目录，还有一个 cypress.json 文件，integration 中的文件有 cypress 自带的例子。文件名为 examples, 可以直接启动 cypress 来运行一下，感受 cypress 的运行过程。

1】运行 cypress 的方法

在 Windows 下，打开 node.js，在安装目录下输入命令 node_modules\.bin\cypress open。

打开 cypress 后，可以看到 example 的文件夹，就是上图介绍过的 cypress 自带的测试代码。点击其中一个 js, 便可以自动运行。右上角可以一起全部运行。目前 cypress 支持的浏览器有 Chrome 55 和 Elctrone 61。

2】运行结果

如图所示，共运行通过了 13 个测试用例，，每一个通过的测试前面都有标记绿的√。可以通过运行的每一个步骤看到是在访问地址，还是获取元素，输入内容，做断言等。并且 cypress 的快照记录了每一行的运行记录，只要将鼠标放在已经运行的某一行脚本时，就会看到当前行的运行情况。

当然，cypress 除了使用浏览器运行外，在测试用例较多的情况下，还是推荐服务器运行的方式 。需要搭建 cypress 的后台运行环境（linux）。