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. 登录网站域名,用户名和密码等配置内容应该放到哪个文件?

相关文章
源文件与模块生成时的文件不同,是否希望调试器使用它?如何解决
源文件与模块生成时的文件不同,是否希望调试器使用它?如何解决
|
前端开发
解决VScode在保存less文件时,自动生成对应的css文件以及安装Easy less之后,计算式子不显示结果的问题
解决VScode在保存less文件时,自动生成对应的css文件以及安装Easy less之后,计算式子不显示结果的问题
|
1月前
|
SQL 缓存 IDE
Spingboot项目解决.gitignore文件不起作用的问题
【10月更文挑战第15天】在使用 Git 时,有时会遇到 `.gitignore` 文件不起作用的情况。这通常是因为要忽略的文件或文件夹已经被添加到仓库中。解决方法是先将这些文件从缓存中移除,再重新提交。具体操作如下: 3. 运行 `git add .`。 4. 运行 `git commit -m "fixed files"`。 这样就可以成功忽略指定的文件或文件夹。
152 58
|
7月前
|
JavaScript 前端开发
Gulp 打包压缩 js 文件到指定目录详细流程(修改文件名与后缀)
Gulp 打包压缩 js 文件到指定目录详细流程(修改文件名与后缀)
45 0
|
前端开发
DSP开发软件css(10)使用基础(汉化、工程导入、设置目标配置文件、选择仿真器和芯片型号、添加文件|库路径、编译下载等操作)
DSP开发软件css(10)使用基础(汉化、工程导入、设置目标配置文件、选择仿真器和芯片型号、添加文件|库路径、编译下载等操作)
194 0
|
存储 JSON 测试技术
Cypress默认文件结构
大家好,我是阿萨。昨天我们学习了Cypress初体验,写一个成功login的脚本。 最基本的使用cypress 写一个脚本并且运行的方法大家都会了。
194 0
Cypress默认文件结构
|
Java Linux Go
知识分享之Golang——在Goland中增加保存格式化插件
知识分享之Golang篇是我在日常使用Golang时学习到的各种各样的知识的记录,将其整理出来以文章的形式分享给大家,来进行共同学习。欢迎大家进行持续关注。 知识分享系列目前包含Java、Golang、Linux、Docker等等。
483 0
知识分享之Golang——在Goland中增加保存格式化插件
python相对路径文件无法读取,更改工作路径
python相对路径文件无法读取,更改工作路径
python相对路径文件无法读取,更改工作路径
|
XML JSON JavaScript
【cypress】6. cypress的默认文件结构介绍
【cypress】6. cypress的默认文件结构介绍
【cypress】6. cypress的默认文件结构介绍
|
存储 XML JSON
Cypress系列(4)- 解析 Cypress 的默认文件结构
Cypress系列(4)- 解析 Cypress 的默认文件结构
439 0
Cypress系列(4)- 解析 Cypress 的默认文件结构