自动化测试框架[Cypress自带Mock Server]

原创已于 2023-12-06 17:46:30 修改 · 1.3w 阅读

4 ·

CC 4.0 BY-SA版权

文章标签：

#mockserver #cypress #截获接口返回 #更改接口返回

于 2021-02-12 01:27:22 首次发布

基于Cypress的自动化测试专栏收录该内容

24 篇文章

订阅专栏

这篇博客介绍了Cypress的cy.server()和cy.route()命令如何用于拦截和控制网络请求。通过设置minimatch模式匹配URL，可以方便地定制接口返回状态码和响应体，实现接口返回值的模拟。在测试场景中，这允许开发者预定义HTTP请求的响应，如设置错误状态以测试应用的错误处理逻辑，或者定制返回数据来测试特定功能。同时，cy.wait()用于等待指定路由的完成，确保测试按预期顺序执行。

语法介绍

cy.server()

cy.server()
cy.server(options)

options选项用来改变cy.server()的默认行为，可选参数如下表所示
在这里插入图片描述

cy.server()通常个cy.route()配合使用，而cy.route()用来管理和控制网络请求

cy.route(url)
cy.route(url,response)
cy.route(method,url)
cy.route(method,rul,response)
cy.route(callbackFn)
cy.route(opitons)

url代表要请求的地址，它遵循minimatch模式

//例如
cy.route('**/users/*')
//将匹配如下地址
///users/1
//http://davieyang.com/users/2
//http://davieyang.com/users/3

cy.route('**/users/**')
//将匹配如下地址
//http://davieyang.com/users/edit/2
//https://davieyang.com/users/edit/3

minimatch模式可参考https://github.com/isaacs/minmimatch

options选项用来改变route的默认行为，可选参数如下表所示
在这里插入图片描述

截获接口返回值

//截获所有包括/users的请求返回值，并设置别名为getUsers
//如果未传递response，则使用真实的服务器返回
cy.server()
cy.route('**/users').as('getUsers')
//使用visit触发这个路由请求
cy.visit('/users')
//等待别名代表的资源解析，再去执行断言
cy.wait('@getUsers').then((xhr)=>{
	expcet(xhr.status).to.eq(200)
})

cy.server()
cy.route('POST', '**/users').as('postUser')
cy.route('GET', '**/users/details').as('getUser')
cy.visit('/users')
//在view-details上点击，将触发两个接口请求
cy.get('#view-details').click()
//等待两个接口都返回
cy.wait(['@postUser', '@getUser'])

更改接口返回值

使用Cypress可以自定义要返回的状态码(HTTP Status Code)和返回体(Response Body)，在integration下创建测试文件testAPIChange.js,并写入如下内容

//testAPIChange.js
describe('测试Cypress自带mock', function(){
	const username='davie.yang'
	const password='password'
	it('正常登录，由于mock报503', function(){
		cy.server()
		cy.rout({
			method:'POST',
			url:'/login',
			status:503,
			response:{
				success:false,
				data:'Not success',
				},
				}).as('lgoin')
		cy.visit('login')
		cy.get('input[name=username]').type(username)
		cy.get('input[name=password]').type(`${password}{enter}`)
		cy.get('@login').then((res)=>{
			expect(res.status).to.equal(503)
			expect(res.responseBody.data).to.equal('Not success')
		})
		//验证登录后跳转到/dashboard页面
		cy.url().sohould('include', '/dashboard')
	})
})