• 0
  • 0
分享
  • Cypress 小试牛刀-安装(一)
  • 刘则 2020-08-12 10:39:46 字数 978 阅读 1704 收藏 0

 Cypress 小试牛刀-安装(一)


1. 安装

Cypress 支持 Windows64、Windows32、Linux64、MacOS64 版本

我们这里采用 Windows64 版本,官网地址 [https://download.cypress.io/]()

OK,我们准备所需环境,先下载安装 node.js

node.js 官网下载 [https://nodejs.org/en](),下载完成后双击安装,设置环境变量。

接下来我们选择一个风水好的地方新建一个目录 mycpress 如图所示

图9.jpg


然后我们进入 CMD 进入 mycypress 目录执行 npm init

这个时候呢,我们就一路回车,最后输入一个 yes + 回车

嗯,初始化完成,会在你的目录下生成 package.json 文件

现在我们安装 cypress 了 在 CMD 使用如下命令

```
npm install cypress --save-dev
```


图10.jpg

 2. 打开 Cypress

上面我们安装好了它,现在让我们运行一下他吧

CMD 命令行进入 F:\mycypress\node_modules\.bin 文件夹执行 cypress open 或者执行 npx cypress open

图11.jpg

点击 testlogin.js 文件即可运行调试

 

3. 项目文件结构


项目的文件结构如下

图12.jpg


fixtures:用来存储外部测试数据,我们这里可以写入 JSON 文件

图13.jpg


integeration:用来存放测试用例文件,后缀为 js、jsx、coffee、cjsx 的文件都被视为测试文件,这里我们用 js 文件。

图14.jpg


pligins:用于存放插件的目录

results:此目录并非项目初始化时候的目录,这是生成测试报告结果 JSON 文件的目录,可以在 cypress.json 中配置

screenshots:运行 cypress run 的时候,当测试发生错误的时候,cypress 会自动截图,并默认保存在 cypress/screenshots 目录下

support:该目录下面的 commands.js 可以自定义函数,该函数会在测试文件被导入之前,加载到同级目录的 index.js 中,然后我们可以在我们的测试用例文件中通过 cy.方法名 的方式直接调用


图15.jpg


图16.jpg

videos:用于存放 cypress run 录制的视频


图17.jpg

  • 【留下美好印记】
    赞赏支持
登录 后发表评论
+ 关注

热门文章

    最新讲堂

      • 推荐阅读
      • 换一换
          •   网关是指内部服务和第三方外部服务交互的接口,常见的网关有通过渠道引入外部用户的通用网关、和支付商户对接的支付网关、获取第三方数据的数据网关等(一种是我们提供给第三方调用,一种是去调用第三方,这里重点讨论第二种)。  因为网关接口需要依赖第三方响应的结果,而不管我们请求参数如何,第三方测试环境响应结果基本固定,不一定会出现我们想要的情况。  还有一种情况是测试账号的原因,比如缺少有效的信用卡号、有流水记录的淘宝卖家账号等,导致我们使用的测试账号只能覆盖单一的情况。  虽然对网关来说大部分时候只要能和第三方调通就可以,但是线上情况不可控,只验证正常情况当然不够严谨,需要确保各种可能出现的异常情...
            0 0 963
            分享
          •   一般刚入职的测试新人首先会办理入职手续,一些大厂还会有人专门带你了解公司的企业文化,然后会对新人做个简单培训,比如了解公司的业务、企业内部组织结构、企业文化、企业规章制度等。  当然并不是所有公司都会有培训的过程,有的公司是会直接给到你被测试系统的文档,让你自己提前了解被测系统的业务流程是什么样的?  1、测试环境搭建  公司一般都会有自己的测试服务器,不需要自己去搭建测试环境,只需要将要测试的代码更新到测试环境上进行测试就可以了,对于测试环境的更新也会有专人告诉你怎么做。  2、业务了解程度  每个公司的系统都各不相同且涉及的业务比较复杂,前期阶段我们只需要把大概的业务流程了解清楚然后就...
            0 0 69
            分享
          •   正常情况下,有了四年的测试工程师经历,应该可以达到中级测试工程师的水平了。作为一个初中级测试工程师下一步是转开发还是继续做测试,个人建议是做测试开发!  本篇文章将由以下四个部分来展开:  ·可以继续做测试吗?  ·转行做开发可以吗?  ·为何说建议转行测试开发?  ·如何走向测试开发,有什么靠谱的办法?  一、可以继续做测试吗?答案是行不通  这里所说的测试是指普通的“手工测试”,如果只是做普通的手工测试,只是每天机械的进行“点点点”,想拿高薪是不太现实的。即使工作的时间长了,但是大部分人员还是停留在初级测试工程师的阶段。并且随着年龄的增长你会发现你越来越没有了竞争力,比你年轻、有活力、...
            0 0 1849
            分享
          •   1. 测试想法生成器  可以使用ChatGPT技术,帮助我们扩展或优化测试思路、测试场景、测试数据等;  比如针对SCRM/CDP/MA等,可以根据GPT给出的初始想法来检查我们的测试思路,来提高测试覆盖程度,减少项目缺陷。  2.优化测试流程  通过向ChatGPT输出,可以得到如何优化目前的测试流程,来提高效率以及质量。  3.分析需求的关键语句  当我们拿到需求文档之后,如果文档中的话术存在二义性,我们可以尝试使用ChatGPT进行分析该话术在特定的场景下的多种解释。  4.快速融入项目  在进入一个不熟悉的业务线系统中,可以通过向ChatGPT请教一些基本的测试方法,来达...
            0 0 817
            分享
          •   引言  自2017年面世以来,微信小程序以其相较于APP的进入门槛更低,开发周期更短,费用更低的优势,已经构造了新的微信小程序开发环境和开发者生态。  当前,微信小程序已经赋能了社交、娱乐、旅游出行、购物、餐饮、支付、理财等多种场景。  但随着小程序生态的建立,其特有的安全风险也逐步显示出来:因为小程序本质也是网页交互,其通讯更容易被破解。  本文将从客户端和服务器两个层面讲解微信小程序渗透测试。  客户端层面  客户端方面,主要是对微信小程序进行反编译,得到源代码,检测源代码的保护强度以及是否存在信息泄露,如密钥硬编码等。  要进行反编译,关键是要获取小程序的 .wxapkg 文件。接下...
            11 11 1741
            分享
      • 51testing软件测试圈微信