码迷,mamicode.com
首页 > 其他好文 > 详细

自动化测试Cypress(一)

时间:2020-01-20 11:24:08      阅读:1374      评论:0      收藏:0      [点我收藏+]

标签:检查   windows   解决   www   get   yarn 安装   文件   一个   前端   

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(一)

标签:检查   windows   解决   www   get   yarn 安装   文件   一个   前端   

原文地址:https://www.cnblogs.com/shijiu1919/p/12217110.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!