自动化测试,让你上班拥有一杯咖啡的时间 | Day 2 - Cypress 环境设定

此系列文章会同步发文到个人部落格,有兴趣的读者可以前往观看喔。

今天要教大家 Cypress 环境设定,跟着步骤一起做,就完成啦。

安装 node.js

在 node.js 官网下载并安装:https://nodejs.org/en/download/
https://ithelp.ithome.com.tw/upload/images/20210915/201408839daRkZibCK.png
https://ithelp.ithome.com.tw/upload/images/20210915/20140883G4ATa7gUad.png

产生 package.json 文件

  1. 在电脑新建一个资料夹 cypressDemo
  2. cd 到目录: cd /your/project/path
  3. 执行指令 npm init
  4. 在资料夹就会产生 package.json
    https://ithelp.ithome.com.tw/upload/images/20210915/20140883KxkXSoUdn5.png

安装 Cypress

  1. 在专案的目录下执行指令 npm install cypress --save-dev
    https://ithelp.ithome.com.tw/upload/images/20210915/20140883Z2ZJDnUOjd.png

启用 Cypress

  1. 在专案的目录下执行指令 npx cypress open,启动成功後,Cypress 会打开 Chrome 浏览器,可以看到 Cypress 提供的范例脚本,点下去就能开始跑脚本了。
    https://ithelp.ithome.com.tw/upload/images/20210915/20140883ZE4q6odMc3.png
    https://ithelp.ithome.com.tw/upload/images/20210915/20140883WDmVFZmJ3u.png

参考资料

下一篇会开始写第一个测试,那我们明天见啦!


<<:  Day 1 Odoo是什麽呢? 云端ERP?

>>:  Annotation in Kotlin

【这些年我似是非懂的 Javascript】Day 28 - 物件 # Part 4 # 特性描述器 Combo

昨天分享了特性组合的一般单独的使用方法, 今天要来分享一下他们的 Combo 连技和相关用到的东西...

Day 7. Hashicorp Nomad: Inspect a job

Hashicorp Nomad: Inspect a job 当一套工具有一个好的Web UI可以使...

Day 29 - 软件物料清单

Hacking for Dummies 这本书主要的概念,总结来说,就是用骇客的思维与手法测试系统中...

Day12 - 状态机与现实世界的落差 - 2: State Explosion(状态大爆炸)

回想一下至今认识过的状态机范例里,我们目前所见的,都是针对一个物体、物件的小小部分出发,比如 RPG...

Day-16 雇用问题, 指示器随机变数(indicator random variable), 随机化演算法

雇用问题 假设你要雇用新的办公助理,而你找了一个雇用代理人去帮你推荐应聘的人,雇用代理人每天会给你推...