网站做平台,诸暨企业网站建设,wordpress 图片调用,博物馆网站建设node.js
安装使用Cypress总是会看见node.js#xff0c;那就先看看node.js是什么。JavaScript以前运行需要在浏览器中#xff08;浏览器内置解释器#xff09;#xff0c;通过node.js框架内置v8引擎#xff08;也就是可以执行js脚本所需的工具#xff09;#xff0c;这样…node.js
安装使用Cypress总是会看见node.js那就先看看node.js是什么。JavaScript以前运行需要在浏览器中浏览器内置解释器通过node.js框架内置v8引擎也就是可以执行js脚本所需的工具这样不在浏览器也可以直接运行js代码。
直接访问node.js官网 下载对应版本即可。下载安装好之后windows可以打开cmd执行node -version确认是否安装好。
npm 是node.js的包管理工具。
Cypress安装及简单使用
Cypress官网有文档介绍如何下载安装。简单介绍下实践过的安装方式。
方式一npm install前提是安装node.js
1、新建文件夹cmd切换到对应的目录执行npm init -y
2、切换到对应的目录cmd执行npm install cypress --save-dev
3、安装完成后npx cypress open 打开cypress执行测试
方式二安装包
1、官网下载安装包解压后可以双击打开
2、Cypress中创建project即可
打开项目执行默认的.cy.js文件可以看到效果
E2E Testing or Component Testing E2E Testing
1.选择E2E Testing 第一次打开时Cypress会引导你创建一些文件。 2.你点击过Continue后Cypress会让你选择执行的浏览器只能是Cypress支持的浏览器。选择Chrome然后点击那个“Start E2E Testing in Chrome”
3.因为我们什么测试用例都没建呢所以我们选择上图的第一个“Scaffold example specs”这个就是给你的一些现成的测试脚手架让你快速了解下通过Cypress创建出来的测试用例是什么样子的。不得不说前端开发就是比后端开发讲究。 继续点击“Okey” 可以看到很多测试用例就生成好了。以后你写的新的测试用例也会一并显示在这里。
这个时候你切换到你项目根目录下就会发现多了很多文件这些文件就是运行一个Cypress测试的必要文件。
npm init 生成的package.json 包含了cypress安装的各项配置
fixtures 默认就在 cypress/fixtures 目录下主要存放静态测试数据实际场景例如调用外部接口并依赖返回值则可以使用fixtures无法真正访问类似mock静态的资源数据
e2e 默认位于 cypress/e2e主要存放测试文件cypress执行的也是这里面的js文件
所有在 integration 文件下且文件格式是以下的文件都将被 Cypress 识别为测试文件
support 支持文件主要放可重用配置底层通用函数或者全局默认配置。我们看一下这2个文件里的内容。
先看command.js. Command 顾名思义就是命令。也可以理解为操作命令。比如Web浏览器里的单击拖拽登录选择下拉框打开网址等这些操作都可以在这个文件里封装起来。再看一下e2e.js 里写了说这里是放全局配置或者修改cypress 行为的地方。有点类似你再执行所有脚本之前需要准备的东西。
cypress.config.js 存储任何Cypress特定的配置。
Component Testing
https://cloud.tencent.com/developer/article/2090262
cypress执行测试 cypress文件结构
