ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

UI自动化测试框架:Cypress

2021-07-08 15:01:29  阅读:223  来源: 互联网

标签:node package Cypress init json UI 自动化 cypress


参考:https://www.jianshu.com/p/8f3e78e0afab

1.Cypress安装

1.1 安装NodeJS
下载地址,安装完后通过node -v指令验证是否安装成功。

1.2 创建package.json
  我们可以使用命令npm init在项目的根目录下来初始化一个package.json文件,运行这个命令后,它会询问一些关于包的基本信息,根据实际情况回答即可。
  如果不喜欢这种方式,可以使用npm init --yes (或npm init --y)命令直接使用默认的配置来创建package.json文件,最后根据需要修改创建好的package.json文件即可。

 

 1.3. cypress安装
cd /your/project/path
npm install cypress --save-dev

 

 

确保你已经运行了npm init,或者存在node_modules文件夹,或者在你项目的根目录存在package.json文件, 以此来确保cypress被安装到正确的路径下。

 1.4. cypress启动
./node_modules/.bin/cypress open

 

 

 

 

 问题——启动失败:

解决办法:就是删除下图中的cypress文件,然后点击启动失败图中的“Try Again”:

 

 

 

 

 启动成功:

 

 

 2.Cypress使用

2.1. 创建用例

  • IDE 选择微软的VSCode(安装教程)。

  • File>Open Folder, 选择项目目录中cypress文件夹,如D:\CypressTest\node_modules\.bin\cypress

  • 创建第一个用例,右击integration目录>New Folder, 起名为MyTests,再在MyTests下面新建一个mallcoo_C.js的文件,切换到Cypress,你是否发现Cypress自动给你刷新了目录,你新建的mallcoo_C.js测试集文件,它已经帮你监测到了!只不过它现在还没有任何内容。

 

 


 

 

 

标签:node,package,Cypress,init,json,UI,自动化,cypress
来源: https://www.cnblogs.com/linxqjy/p/14985889.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有