我是通过 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)。