Cypress默认文件结构

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

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


Cypress 文件结构里有什么?


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


1.jpg


共有四大块:

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

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


2.jpg

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


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


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


3.jpg


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


4.jpg


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

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


5.jpg

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


昨天的2个思考题答案:


1.答案:见下图。


6.jpg


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

今天2道思考题:


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


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


你学会了吗?如果觉得阿萨的内容对你有帮助,欢迎围观点赞。

相关文章
源文件与模块生成时的文件不同,是否希望调试器使用它?如何解决
源文件与模块生成时的文件不同,是否希望调试器使用它?如何解决
|
11月前
|
JavaScript 应用服务中间件 nginx
vuecli3打包项目上线之后报错怎么使用本地的sourcemap文件定位调试?
vuecli3打包项目上线之后报错怎么使用本地的sourcemap文件定位调试?
123 0
|
1月前
|
开发工具
如何修改Vscode查看源代码管理版本变动文件的查看方式
这篇文章介绍了如何在VSCode中通过源代码管理插件修改查看源代码版本变动文件的方式,提供了树形视图和列表视图两种查看方法,并说明了如何通过设置选项来切换查看方式,帮助用户根据自己的喜好更高效地查看和管理代码变动。
如何修改Vscode查看源代码管理版本变动文件的查看方式
|
4月前
IDEA常用配置之代码自动格式化删除无用导入
IDEA常用配置之代码自动格式化删除无用导入
279 1
|
4月前
|
存储 JSON 测试技术
Cypress默认文件结构
Cypress默认文件结构
|
12月前
|
测试技术
创建第一个 Cypress 应用后使用命令行 npx Cypress open 报错的原因分析
大多数测试工具(如 Selenium)通过在浏览器外部运行并通过网络执行远程命令来运行。Cypress 正好相反。 Cypress 在与 Web 应用程序相同的运行循环(run loop)中执行。 Cypress 背后是一个 Node 服务器进程。 Cypress 和 Node 进程彼此不断通信、同步和执行任务。访问这两个部分(也就是对应的前后台操作)使我们能够实时响应 Web 应用程序的事件,同时在浏览器之外执行需要更高权限的任务。
|
JavaScript
.ts 文件编译成 .js 文件,以及 VSCode 自动编译配置
.ts 文件编译成 .js 文件,以及 VSCode 自动编译配置
787 0
|
前端开发
DSP开发软件css(10)使用基础(汉化、工程导入、设置目标配置文件、选择仿真器和芯片型号、添加文件|库路径、编译下载等操作)
DSP开发软件css(10)使用基础(汉化、工程导入、设置目标配置文件、选择仿真器和芯片型号、添加文件|库路径、编译下载等操作)
172 0
【已解决】vscode修改运行中的项目时,代码编译运行时编辑器就会突然多出一行
vscode修改运行中的项目时,代码编译运行时编辑器就会突然多出一行
255 0
【已解决】vscode修改运行中的项目时,代码编译运行时编辑器就会突然多出一行
|
XML JSON JavaScript
【cypress】6. cypress的默认文件结构介绍
【cypress】6. cypress的默认文件结构介绍
【cypress】6. cypress的默认文件结构介绍