cypress测试框架与selenium_前端自动化测试框架Cypress从入门到精通,简易教程篇...

本文介绍了Cypress测试框架的安装与运行方法,包括Windows下的两种安装方式,以及多种运行方式。此外,还深入讲解了Cypress的测试结构、断言、GUI测试代码案例,如元素查找、操作、鼠标事件等,并涉及API测试,包括普通API和处理CSRF token的API测试策略。文章适合前端自动化测试初学者和寻求Cypress深入理解的开发者。
摘要由CSDN通过智能技术生成

1 Windows下安装

  1.1方法一

  1)安装node.js(https://nodejs.org/en/download/),根据版本选择32位或64位。

  2)确认ndejs和npm是否安装上:

C:甥敳獲xiang>node -v

  v12.18.0

  C:甥敳獲xiang>npm -v

  6.14.

  3)生成package.json(假设准备安装在c:Cypress>)

C:甥敳獲xiang>cd c:Cypress

  C:Cypress>npm init

  4)安装Cypress

C:Cypress>npm install cypress --save-dev

  我按照这种方法安装失败。

ecc10f5422cebd7a687ffa4b31a29a03.png

  1.2方法二

  1)安装yarn (https://yarnpkg.com/en/docs/install#windows-stable)

  2)确认yarn是否安装上

C:甥敳獲xiang>yarn -v

  1.22.4

  3)安装Cypress

C:甥敳獲xiang>cd c:Cypress

  C:Cypress>yarn add cypress --dev

  2. 运行

  2.1方法一

C:Cypressode_modules.bin>cypress open

  2.2方法二

C:Cypress>yarn run cypress open

  2.3 方法三(我经常用的方法)

  配置C:Cypresspackage.json

{

  "license": "ISC",

  "scripts": {

  "cypress:open": "cypress open",

  "cypress:run": "cypress run"

  },

  "devDependencies": {

  "cypress": "^4.8.0"

  }

  }

  打开运行控制器

C:Cypress>yarn run cypress open

  运行默认路径下的所有测试代码

C:Cypress>yarn run cypress run

  默认路径为C:Cypresscypressintegration,可以通过

{

  …

  "integrationFolder": "cypress/integration/demo",

  …

  }

  改变默认路径,上述代码中默认路径改为C:Cypresscypressintegrationdemo

  3测试框架

  before():相当于unittest中的def setUp(cls)方法或者Junit的@Before方法标签;

  after():相当于unittest中的 def teardown(cls) 方法或者Junit的 @Before方法标签;

  beforeEach() : 相当于unit

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值