Cypress系列-使用npm命令搭建cypress环境

为什么要开始学习Cypress?

    很简单,IT行业的技术在不断的更新进步,作为IT行业从业者,等你有了几年工作经验之后,你的知识面不能还跟刚毕业的小白一样,啥都不知道。你可以不去深究它的细节,但是针对一些行业内新兴起的框架和工具等,你要知道是个什么东西,大概能解决什么样的问题。这也是我写文章然后建群跟同行一起交流的目的,希望能在群里面了解到大家都在学些什么,工作中会遇到什么样的问题,多多积累自己的经验。(有需要进群一起交流的,可以加我xiaobotester备注进群)

    Cypress作为新兴起的一个自动化测试框架,目前我对它也不是很了解,这里就不去复制别人的介绍,只知道它的功能很强大,先来尝试着了解一下工具是怎么用的。感兴趣的可以自己看官方文档(全英文)介绍:https://www.cypress.io/

Cypress环境搭建

适用系统:

  • macOS 10.9 and above (64-bit only)

  • Linux Ubuntu 12.04 and above, Fedora 21 and Debian 8 (64-bit only)

  • Windows 7 and above

先安装nodejs,然后使用npm命令进行安装。nodejs环境参考之前的文章进行操作:Node.js环境搭建以及常见npm用法

创建一个项目的文件夹,我这里创建的目录是:D:\MyScripts\Cypress-demo。然后进入到文件夹里面后,打开cmd窗口,执行以下命令:

cd /d D:\MyScripts\Cypress-demo
npm init (这条命令执行时,中间敲几次回车即可执行完)
npm install cypress --save-dev


或者安装cnpm后,用cnpm install命令进行安装
npm install -g cnpm --registry=https://registry.npm.taobao.org


安装完之后,执行命令打开cypress:

方式1:
cd /d D:\MyScripts\Cypress-demo
"./node_modules/.bin/cypress" open (不加双引号会执行报错)


方式2:执行下面的命令:
cd /d D:\MyScripts\Cypress-demo  (进入目录再执行命令,让生成的cypress文件夹存放在该目录)
npx cypress open

注意事项

1、启动cypress时,会在当前执行命令的路径下生成cypress文件夹

2、不要进入到node_modules/.bin目录下去执行启动命令,否则会报下面的错误:因为.bin目录下已经有一个cypress命令,无法在这个目录下再生成cypress文件夹了。

正常启动后的页面如下:

能够正常打开以上页面的话,就表示cypress环境安装成功了。

如何验证cypress是否真的已经安装成功?

创建一个项目成功启动后,在项目根目录下用命令启动cypress时,会在根目录生成一个cypress的文件夹,里面有一些写好的现成的测试case:

想要运行哪个case,直接在弹出的cypress窗口中点击对应的case就可以运行,运行用例效果如下:

Cypress官方文档:https://docs.cypress.io/guides/overview/why-cypress

欢迎关注公众号喔。

往期推荐

如何自学软件测试、包装简历实现华丽转行?

Postman教程-接口测试流程&发送第一个请求

Postman教程-Send Requests相关的基本操作

Postman教程-Response相关的基本操作

Postman教程-通过设置代理/拦截器捕获请求信息

Postman教程-变量、集合的基本使用

Postman教程-Pre-request Script和Tests脚本的介绍

Postman教程-Pre-request Script和Tests脚本进阶

Postman教程-如何改变脚本执行顺序

Postman+Newman+Git+Jenkins实现接口自动化测试持续集成

评论 3
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

小博测试成长之路

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值