Cypress自动化测试系列之二

本文技术难度★★★，如果前编内容顺利执行，请继续。

如果Selenium尚无法灵活运用的读者，本文可能难度较大。

“理论联系实惠，密切联系领导，表扬和自我表扬”——我就是老司机，曾经写文章教各位怎么打拼职场的老司机。不记得没关系，只需要知道：有这么一位老司机，

穿上西装带大家打拼职场！

操起键盘带大家打磨技术！

上一篇IT老司机带着各位已经成功安装了Cypress，并且让Cypress成功运行起来了。上篇任意门☛(后Selenium时代，网页自动化测试用Cypress)

本篇，IT老司机教你写第一个Cypress测试用例。

· 正 · 文 · 来· 啦·

首先，回忆一下，怎么运行cypress？用npm命令安装cpress。新建一个web工程的目录，执行npx cypress open，然后稍等一会儿。命令成功返回，则当前目录出现一个cypress目录。同时，一个对话框出现，cypress执行界面出来了。

点开“examples”前面的三角图标，里面是示例test cases.

点击里面的具体js文件，就开始执行测试用例了。

当然，可以点右上角的“Run all specs”，执行全部用例。

Cypress界面出来了，就别关了。

起码在读者阅读完本文前，都不要关！

然后，我们可以学习今天的内容了。先写一个最近简单的test case。

在 cypressintegration 目录中新建一个js文件，比如：sample.spec.js。记得最左边的随便起名字，英文字母开头，英文数字混搭都可以。最后一定是 .spec.js 结尾。

刚开始的时候，一定不要思维扩散太大，先一步一步来！这是学IT的血的教训！

IT老司机用的WebStorm。用其他IDE工具也没问题的。