大家好,我是阿萨。昨天我们学习了Cypress初体验,写一个成功login的脚本. 最基本的使用cypress 写一个脚本并且运行的方法大家都会了。
今天要给大家讲解下cypress 给大家生成的项目里的文件结构是什么,主要是干什么的。
Cypress 文件结构里有什么?
首先我给大家截图看下E2E 测试里的文件目录结构有什么。
共有四大块:
- E2E 这个文件夹里存放的是大家写的脚本。使用cypress App 运行的主要是这里面的东西。
- fixtures 这个翻译过来 说是固件。我们看看它里面json 里说了什么。
我们来看下它主要存储了name,email 和body 。大胆猜想下,这里应该存储的是外部静态数据。比如姓名,邮箱等信息。一般用来存储外部请求接口的响应数据。这样不用请求外部接口可以直接使用。
3. support 文件夹。这个主要放可重用配置,底层通用函数或者全局默认配置。我们看一下这2个文件里的内容。
先看command.js. Command 顾名思义就是命令。也可以理解为操作命令。比如Web浏览器里的单击,拖拽,登录,选择,下拉框,打开网址等这些操作都可以在这个文件里封装起来。
再看一下e2e.js 里写了说这里是放全局配置或者修改cypress 行为的地方。有点类似你再执行所有脚本之前需要准备的东西。
类似全局的环境信息,登录的用户名和密码, 请求的timeout 时间等都可以放到这个文件夹里。
4.cypress.config.js 存储任何Cypress特定的配置。
是不是看完还是云里雾里的,不知道该把什么内容放到什么地方? 别着急,后续我们会慢慢都用到这些内容的。
昨天的2个思考题答案:
1.答案:见下图。
2. 答案:用户名 jane.lane 密码password123
今天2道思考题:
1. 如果每次执行脚本前要打印“用例开始执行了”这句话,需要添加到那个文件中?
2. 登录网站域名,用户名和密码等配置内容应该放到哪个文件?