今天给大家介绍一款开源超鸡简单的前端UI自动化测试工具,据官方文档介绍,这是一款专注于WEB应用程序编写端到端的测试工具,语法简单,安装简单,编写简单,还有调试简单,详细记录执行测试时的日志,错误截图,可进行负载,并发,分组测试,还能与CI流程紧密相结合。相比于常说的selenium 要简单得多。
1.安装介绍
凡是不要方,得一步一步来,先开启安装工具模式。Cypress 兼容Windows、macOS、Linux。安装,启动啥的其实都大同小异了,今天主要介绍下Windows下的安装与使用。
第一步,先看看自己电脑有没有安装Node.js,要是没安装的话,只能乖乖去安装一下下啦,没办法谁叫这个工具是基于JS来写的呢。附上 检验是否安装Node.js 的方法。node.js下载安装https://nodejs.org/en/download/
下一步安装cypress,打开dos窗口,我比较喜欢使用windows 的power shell 大家也可以使用它来操作,还是很爽的啦。下面九一power shell 的操作来给大家介绍cypress 工具的安装。
打开power shell 然后输入 node -v 检查node.js 安装的版本,然后再新建自己的项目文件夹,再命令安装cypress
安装完cypress之后呢,我们再安装一个IDE 选择使用 Visual Studio Code。这个也很简单,下载包直接安装就好,不多阐述了,直接下载安装起来吧:https://code.visualstudio.com/
再接着去刚才建的自己的项目文件夹中,建一个 package.json文件,这个文件的作用是可以在项目文件的根目录使用命令直接启动cypress工具
准备工作已完成,下面来启动cypress工具,然后开始简单的写个自动化的脚本
启动:还是使用 power shell ,切换到项目目录,即有package.json文件的地方,然后使用命令 npm run cypress:open 启动
启动完后,可以看看 examples 里面的例子,这里把脚本格式,语法,等等,都列出来了,可以参考参考,任意点击一个例子中的文件,就会自动会执行脚本了。体验一下。
2.编写第一个例子
先打开咱们得编辑器vs code ,然后在项目中的cypress文件夹,创建测试文件如图
注意:运行的脚本文件要创建在 cypress 目录下的 INTEGRATION TESTS 下才能生效
运行后的效果
嗯,今天就先到这儿,大家可以先看看官网文档:https://docs.cypress.io/api/api/table-of-contents.html 这个工具的语法和使用方法基本都在API模块里面。后续我再给大家一一演示。