【cypress】6. cypress的默认文件结构介绍

通过之前的一些介绍,已经大概其明白cypress是个啥,但是具体使用的细节点还有很多,需要一步步的去学习。

在安装好cypress之后,会生成一个默认项目,这个项目结构里的各个文件夹是干嘛使的呢?

一、fixtures

这个名称简直太熟悉了,pytest里我研究最多的就是关于fixtures的用法了。不过在cypress中,倒也没那么复杂了,主要是用来存放静态数据用的。这个位置
可以通过配置指定其他的目录。

比如说测试的时候需要用到某个依赖接口的返回值,那么就可以直接copy接口真正的返回值到后缀是.json的文件里,配合cy.fixture()就可以使用这个
文件里的数据了,不需要真正的去请求那个接口。

示例代码里有个example.json的文件,里面内容是:

{
  "name": "Using fixtures to represent data",
  "email": "hello@cypress.io",
  "body": "Fixtures are a great way to mock data for responses to routes"
}

在测试文件里就可以使用了。当发出一个匹配GET **/comments/*的请求时,Cypress会拦截它并使用example.json中的对象进行回复。

所以,使用fixtures有如下优点:

  • 去除对外部功能模块的依赖。
  • 可以在测试文件里用上你想要的返回值。
  • 因为没有真正发送网络请求而是直接从本地文件里取,所以速度也更快了。

二、integration

这里就是存放测试文件的地方了,官方的示例测试用例文件有很多,可以阅读之后再运行一下。


示例代码里都是.js文件,不过除了js文件之外,还有几种后缀名的文件,cypress也会把它当成测试文件:

  • .jsx,是带有扩展的JavaScript文件,其中可以包含处理xml的ECMAScript。
  • .coffee,是一套JavaScript的转移语言,相比于JavaScript,语法更严格。
  • .cjsx,CoffeeScript中的jsx文件。

这个同样也可以配置到别的目录。

三、plugins

用于存放插件。
插件比较特殊,是在项目加载之前、浏览器启动之前和测试执行期间在Node中执行用的。因为cypress的一个独有特点就是所有在浏览器之内运行,因此
如果需要做一些浏览器之外的动作,直接通过cypress就比较困难了。这时候就要通过插件去扩展cypress的内部行为,也可以自定义自己的插件。
这点跟pytest的插件差不多意思,都是用来扩展框架用的。

应用场景举例:

  • 动态修改环境变量。
  • 修改特定浏览器的启动参数。

四、support

默认情况下,项目都会包含一个cypress/support/index.js支持文件。在每个测试文件运行之前,cypress都会自动加载这个支持文件。
比如有些动作是适用于全局的,那么就可以放在这里。比如说,在cypress/support/index.js里增加如下代码:

beforeEach(() => {
  cy.log('在每个测试执行前都会运行我cypress/support/index.js!!!!!!')
})

运行后,会看到每个测试用例都会有个log输出。

以上就是默认结构的介绍,cypress是支持自定义项目结构的,这个到后面继续了。

posted @ 2021-05-05 22:19  把苹果咬哭的测试笔记  阅读(453)  评论(0编辑  收藏  举报