Cypress默认文件结构

简介: Cypress默认文件结构

大家好,我是阿萨。昨天我们学习了Cypress初体验,写一个成功login的脚本. 最基本的使用cypress 写一个脚本并且运行的方法大家都会了。

今天要给大家讲解下cypress 给大家生成的项目里的文件结构是什么,主要是干什么的。


Cypress 文件结构里有什么?


首先我给大家截图看下E2E 测试里的文件目录结构有什么。



共有四大块:

  1. E2E 这个文件夹里存放的是大家写的脚本。使用cypress App 运行的主要是这里面的东西。

  2. fixtures 这个翻译过来 说是固件。我们看看它里面json 里说了什么。

image.png

我们来看下它主要存储了name,email 和body 。大胆猜想下,这里应该存储的是外部静态数据。比如姓名,邮箱等信息。一般用来存储外部请求接口的响应数据。这样不用请求外部接口可以直接使用。


3.  support 文件夹。这个主要放可重用配置,底层通用函数或者全局默认配置。我们看一下这2个文件里的内容。


先看command.js. Command 顾名思义就是命令。也可以理解为操作命令。比如Web浏览器里的单击,拖拽,登录,选择,下拉框,打开网址等这些操作都可以在这个文件里封装起来。

image.png

再看一下e2e.js 里写了说这里是放全局配置或者修改cypress 行为的地方。有点类似你再执行所有脚本之前需要准备的东西。


image.png

类似全局的环境信息,登录的用户名和密码, 请求的timeout 时间等都可以放到这个文件夹里。

4.cypress.config.js 存储任何Cypress特定的配置。

image.png

是不是看完还是云里雾里的,不知道该把什么内容放到什么地方? 别着急,后续我们会慢慢都用到这些内容的。

昨天的2个思考题答案:

1.答案:见下图。

image.png


2. 答案:用户名 jane.lane 密码password123


今天2道思考题:

1. 如果每次执行脚本前要打印“用例开始执行了”这句话,需要添加到那个文件中?

2. 登录网站域名,用户名和密码等配置内容应该放到哪个文件?

相关文章
|
8月前
|
C++ iOS开发
|
1月前
|
前端开发
.gitignore文件讲解并附带常用忽略代码
.gitignore文件讲解并附带常用忽略代码
|
1月前
|
小程序 前端开发 开发工具
小程序目录结构介绍
小程序目录结构介绍
|
7月前
|
JavaScript Go iOS开发
使用脚本整合指定文件/文件夹,执行定制化 ESLint 命令
描述了如何通过自定义脚本简化 ESLint 命令的执行。该脚本支持指定文件或文件夹,指定 ESLint 配置文件,附带命令,以及前后置执行命令等功能,极大地提高了代码检查和格式化的效率。
39 1
使用脚本整合指定文件/文件夹,执行定制化 ESLint 命令
|
1月前
|
JavaScript 前端开发
Gulp 打包压缩 js 文件到指定目录详细流程(修改文件名与后缀)
Gulp 打包压缩 js 文件到指定目录详细流程(修改文件名与后缀)
30 0
|
8月前
|
存储 BI vr&ar
|
11月前
|
前端开发
DSP开发软件css(10)使用基础(汉化、工程导入、设置目标配置文件、选择仿真器和芯片型号、添加文件|库路径、编译下载等操作)
DSP开发软件css(10)使用基础(汉化、工程导入、设置目标配置文件、选择仿真器和芯片型号、添加文件|库路径、编译下载等操作)
123 0
|
Web App开发 开发者
Chrome 技术篇-将程序打包为crx文件,chrome插件的打包方法。
Chrome 技术篇-将程序打包为crx文件,chrome插件的打包方法。
559 0
Chrome 技术篇-将程序打包为crx文件,chrome插件的打包方法。
|
存储 JSON 测试技术
Cypress默认文件结构
大家好,我是阿萨。昨天我们学习了Cypress初体验,写一个成功login的脚本。 最基本的使用cypress 写一个脚本并且运行的方法大家都会了。
148 0
Cypress默认文件结构
dirent--文件以及文件夹相关操作(跨平台)
dirent--文件以及文件夹相关操作(跨平台)