Cypress自动化环境搭建
1、Cypress 下载:
官网下载,下载后直接解压即可,解压后便可单机exe文件打开
Ps:直接打开exe是会报错找不到json文件的,所以还要安装依赖环境
运行cypress项目前,必须vue-cli创建项目,但是vue是基于node环境的,所以我们还要先安装node.js
2、安装node.js
官网下载地址:https://nodejs.org/en/download/
安装步骤就不说了,傻瓜式一键继续安装
查看是否安装成功命令
node –v :查看node版本
npm –v :查看npm版本
ps:新的node安装包已经包换了npm
2.1、node环境配置
这里的环境配置主要配置的是npm安装的全局模块所在的路径,以及缓存cache的路径,之所以要配置,是因为以后在执行类似:npm install express [-g] (后面的可选参数-g,g代表global全局安装的意思)的安装语句时,会将安装的模块安装到【C:\Users\用户名\AppData\Roaming\npm】路径中,占C盘空间
例如:我希望将全模块所在路径和缓存路径放在我node.js安装的文件夹中,则在我安装的文件夹【D:\Develop\nodejs】下创建两个文件夹【node_global】及【node_cache】如下图:
创建完两个空文件夹之后,打开cmd命令窗口,输入
npm config set prefix "D:\Develop\nodejs\node_global"
npm config set cache "D:\Develop\nodejs\node_cache"
然后就是设置环境变量了
新建NODE_PATH 输入【D:\Develop\nodejs\node_global\node_modules】
然后将【用户变量】下的【Path】修改为【D:\Develop\nodejs\node_global】
Ps:是用户变量的path,不是全局的path
测试:
配置完后,安装个module测试下,我们就安装最常用的express模块,打开cmd窗口,
输入如下命令进行模块的全局安装:
npm install express -g # -g是全局安装的意思
Ps:当时安装的时候并未出现node_golbal路径,好像也并无关系,反正已经安装好
参考文档:https://www.cnblogs.com/zhouyu2017/p/6485265.html
3、vue-cli创建项目
安装vue-cli
npm install -g vue-cli
之后可以通过vue list来查看可以使用哪些模板
创建项目
vue init webpack <your project name>
ps:创建项目后会创建一堆文件
进入项目
cd project
通过npm安装依赖
npm install
npm i cypress –save-dev (安装cypress依赖)
安装依赖后,在项目根目录创建cypress.json文件并添加以下配置信息
{
"baseUrl": "http://localhost:8080", //测试域名
"integrationFolder": "cypress/integration", //测试文件存放目录
"testFiles": "**/*.cypress.spec.js", //根据规则匹配具体测试文件,可修改
"vedio": false, //是否使用录制功能
"viewportHeight": 800, //浏览器高度
"viewportWidth": 1600 //浏览器宽度
}
Ps:具体配置的时候,把注释去掉,不然会报错
修改package.json文件,添加cypress配置信息,如下
"cypress": "cypress run",
"cypress-gui": "cypress open"
Ps:如果json报错,可用在线json格式化检测工具检测是否报错
4、启动cypress
到这里,配置就已经差不多了,cmd运行启动命令:npm run cypress-gui
没报错的话可以启动cypress了
如下图;
未找到测试文件,因为我们还未创建而已,不是报错
下面我们先编写js测试文件,先测试打开我们的测试网站
在integration目录下创建测试文件test.cypress.spec.js
describe('My First Test', function() {
it('Visits the Kitchen Sink', function() {
cy.visit('https://sz.ichunt.com')
cy.contains('closemz').click()
})
})
页面打开如下图;
Cypress配置参考地址:https://www.imooc.com/article/details/id/28054
脚本编写参考cypress官方文档:
https://docs.cypress.io/api/api/table-of-contents.html
https://docs.cypress.io/guides/getting-started/writing-your-first-test.html#Step-3-Click-an-element
同时控制台也会输出相应的操作日子
至此环境是已经搭建好了,但是具体使用的话,还要去深入学习一下哦。。。
Cypress自动化环境搭建的更多相关文章
- Cypress 自动化环境搭建
1.Cypress 下载: 官网下载,下载后直接解压即可,解压后便可单机 exe 文件打开 Ps:直接打开 exe 是会报错找不到 json文件的,所以还要安装依赖环境 运行 cypress 项目前, ...
- 团队自动化环境搭建与管理--php博弈
我是方少,很开心与大家日后与大家交流技术上面的一些想法和一些业务上的分享.以前从来没写过博客,因为觉得不重要吧,如今觉得有必要沉淀一些想法和回忆.好了费话不多说. 先上图: 业务问题:在每次新伙伴加入 ...
- iOS自动化环境搭建——macaca
macaca-java for ios 自动化环境搭建 基础原理解析:https://testerhome.com/topics/6608 一.环境搭建 1.安装eclipse; -----Java开 ...
- MAC自动化环境搭建
UI自动化环境搭建 第一阶段:配置appium环境硬件配置mac系统电脑 java环境sunjiedeMacBook-Air:~ vicent$ java -versionjava version & ...
- Java自动化环境搭建笔记(3)
Java自动化环境搭建笔记(3) 自动化测试 自动化的环境已经基本搭建完成,后续可对BaseTester基类以及工具类进行扩展.下面便是持续集成的环境的搭建: Jenkins安装 git安装 源码上传 ...
- Java自动化环境搭建笔记(2)
Java自动化环境搭建笔记(2) 自动化测试 在笔记一中已经完成了一键构建项目.xml指定规划测试集.数据解耦与allure报告生成的开发.接下来便是: 浏览器驱动通过配置启动 页面元素定位解耦,通过 ...
- Java自动化环境搭建笔记(1)
Java自动化环境搭建笔记(1) 自动化测试 先搭建java接口测试的环境: 使用mvn命令构建项目 测试集通过testNG.xml组织并运行 测试数据解耦,通过Excel等文件提供 基础依赖 创建m ...
- 基于python的App UI自动化环境搭建
Android端Ui 自动化环境搭建 一,安装JDK.SDK 二,添加环境变量 Widows:1.系统变量→新建 JAVA_HOME 变量E:\Java\jdk1.7.0 jdk安装目录 2.系统变量 ...
- appium ios真机自动化环境搭建&运行(送源码)
appium ios真机自动化环境搭建&运行(送源码) 原创: f i n 测试开发社区 6天前 Appium测试环境的搭建相对比较烦琐,不少初学者在此走过不少弯路 首先是熟悉Mac的使用 ...
随机推荐
- Python 使用 paho-mqtt
https://blog.csdn.net/weixin_41656968/article/details/80848542 https://blog.csdn.net/lhh08hasee/arti ...
- Superset配置hive数据源
1.在uri中配置 hive://localhost:10000/default 2.查询 3.如果你的hive集群是带有kerberos认证的,hive数据源需要这样配置 hive://xxx:xx ...
- [ ceph ] 基本介绍及硬件配置
1. Ceph简介 所有的 Ceph 存储集群的部署都始于一个个 Ceph节点.网络和 Ceph存储集群.Ceph 存储集群至少需要一个 Ceph Monitor.一个 Manager和一个Ceph ...
- javascript下載csv檔案
參考自: https://dotblogs.com.tw/shihgogo/2017/05/31/090831 function createCsvFile(){ var fileName = &qu ...
- Elasticsearch在windows上安装与使用
Elasticsearch简称ES. 是一个全文搜索服务器,也可作为NoSQL数据库,存储任意格式的文档和数据,也可做大数据的分析,是一个跨界开源产品. ES的特点: 全文搜索引擎 文档存储和查询 大 ...
- .NET Core开源Quartz.Net作业调度框架实战演练
一.需求背景 人生苦短,我用.NET Core!作为一枚后端.NET开发人员,项目实践常遇到定时Job任务的工作,在Windows平台最容易想到的的思路Windows Service服务应用程序,而在 ...
- (CSDN 迁移) JAVA多线程实现-可回收缓存线程池(newCachedThreadPool)
在前两篇博客中介绍了单线程化线程池(newSingleThreadExecutor).可控最大并发数线程池(newFixedThreadPool).下面介绍的是第三种newCachedThreadPo ...
- 1 RAID技术入门
序 RAID一页通整理所有RAID技术.原理并配合相应RAID图解,给所有存储新人提供一个迅速学习.理解RAID技术的网上资源库,本文将持续更新,欢迎大家补充及投稿.中国存储网一如既往为广大存储界 ...
- Centos7下JDK1.8的安装
1.下载并上传并解压安装包 下载安装包上传到/usr/local目录 https://www.oracle.com/technetwork/java/javase/downloads/jdk8-dow ...
- Linux 服务器管理建议
Linux 服务器管理建议 一.学习Linux 的注意事项 Linux 严格区分大小写 Linux 一切皆文件 Linux 不靠扩展名区分文件类型 靠权限位标识来确定的 特殊文件要求写扩展名(给管理员 ...