Cypress默认文件结构

343 阅读2分钟

携手创作,共同成长!这是我参与「掘金日新计划 · 8 月更文挑战」的第29天,点击查看活动详情

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

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

Cypress 文件结构里有什么?

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

Image

共有四大块:

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

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

Image

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

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

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

Image

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

Image

类似全局的环境信息,登录的用户名和密码, 请求的timeout 时间等都可以放到这个文件夹里。 4.cypress.config.js 存储任何Cypress特定的配置。

Image

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

昨天的2个思考题答案:

1.答案:见下图。

Image

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

今天2道思考题:

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

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

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