自动化测试Cypress

Posted shijiu1919

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了自动化测试Cypress相关的知识,希望对你有一定的参考价值。

1 Cypress 介绍

赛普拉斯是为现代网络构建的下一代前端测试工具。我们解决了开发人员和质量检查工程师在测试现代应用程序时面临的主要痛点。

(1) cypress 的官网 www.cypress.io/ 如下如:

 

技术图片

 

(2)点击DOCS 进入API 如下图:

技术图片

 

2 cypress 安装

 

     系统要求:

     macOS 10.9及更高版本(仅64位)

      Linux Ubuntu 12.04及更高版本,Fedora 21和Debian 8 (仅64位)

      Windows 7及以上

 

   (1)npm 安装

  npm install cypress --save-dev

  (2)yarn 安装 

     yarn add cypress --dev

安装完成之后项目会自动生成cypress文件夹,如下图: 

技术图片

3 启动cypress

   (1) npm 启动指令 :

          

 $(npm bin)/cypress open

    (2) yarn 启动指令 :

   

 yarn run cypress open

4 cypress启动成功后,会自动打开一个窗口,里面会有cypress测试用力,官网提供了一些例子。如下图: 

技术图片

 

安装cypress成功后,在cypress文件夹下的integration里面你可以看到: 

 

 

技术图片

技术图片

 

他们对应的文件名字都是一样,可以自定义,但是需要保持和下面以.feature为后缀为一致。 5 查看测试,当你点击cypress窗口里面的测试时,Cypress会自动打开一个新窗口,可以查看你写的测试。如下图:

 

 

 

 

 

 

技术图片

 

左边是编写的测试的一些指令:技术图片

切换浏览器在这里

 

技术图片

以上是关于自动化测试Cypress的主要内容,如果未能解决你的问题,请参考以下文章

Cypress录制自动化脚本

Cypress录制自动化脚本

Cypress web自动化27-Debugging调试你的代码

Cypress web自动化27-Debugging调试你的代码

从0开始学习自动化测试框架cypress案例

自动化测试Cypress