Cypress系列（70）- server() 命令详解
2024-10-09 13:36:07
如果想从头学起Cypress，可以看下面的系列文章哦
https://www.cnblogs.com/poloyy/category/1768839.html
作用
- 启动服务器以开始将响应路由到 cy.route() 并更改网络请求的行为
- 前置知识：熟悉 .route() 命令
语法格式
cy.server()
cy.server(options)
options 参数
作用
- 作为默认值，它们被合并到 cy.route() 中
- 作为所有请求的配置行为
以下选项被合并为 cy.route() 的默认选项
以下选项控制服务器，将会影响所有请求的行为
命令执行结果
- 执行结果是 null
- 且后续不能再链接其他命令
没有参数的栗子
// 启动服务器
cy.server()
- 任何与 cy.route() 不匹配的请求都将传递到服务器，除非设置了 force404，这样请求变成 404 和拿到一个空 response
- 与 options.ignore 函数匹配的任何请求都不会被记录或存根（logged、stubbed）
- 将在命令日志中看到名为（XHR Stub）或（XHR）的请求
带有参数的栗子
进入演示项目目录下
注：演示项目是 cypress 提供的，如何下载可看 Cypress 系列文章的一开始几篇都有写
cd C:\Users\user\Desktop\py\cypress-example-recipes\examples\logging-in__xhr-web-forms
启动演示项目
npm start
浏览器访问项目
http://localhost:7079/
测试代码
context('route 的栗子', function () {
const username = 'jane.lane'
const password = 'password123'
before(function () {
cy.visit('http://localhost:7079/')
})
it('栗子1', function () {
cy.server({
method: 'POST',
status: 503,
delay: 1000,
headers: {
'x-token': 'abc-123-foo-bar'
}
})
cy.route({
url: '**/login',
response: {
success: false,
data: 'Not success'
},
}).as("login")
cy.get("input[name=username]").type(username)
cy.get("input[name=password]").type(`${password}{enter}`)
cy.wait('@login').then((res) => {
cy.log(res)
expect(res.status).to.eq(503)
expect(res.responseBody.data).to.eq('Not success')
expect(res.responseHeaders).to.have.property('x-token', 'abc-123-foo-bar')
})
});
})
测试结果
启动服务器，关闭服务器的栗子
测试代码
it('栗子2', function () {
cy.server()
cy.route({
url: '**/login',
method: 'POST',
status: 503,
response: {
data:"success"
}
}).as("login")
cy.get("input[name=username]").type(username)
//第一次发出请求
cy.get("input[name=password]").type(`${password}{enter}`)
cy.wait('@login').then((res) => {
expect(res.status).to.eq(503)
// 关闭服务器
cy.server({
enable: false
})
})
cy.visit('http://localhost:7079/')
cy.get("input[name=username]").type(username)
//第二次发出请求
cy.get("input[name=password]").type(`${password}{enter}`)
});
测试结果
第二个请求虽然被路由监听到了，但是因为服务器关闭了，所以并没有获取路由的 status、response
注意事项
- 可以在启动 cy.visit() 之前启动服务器 cy.server()
- 通常，应用程序在加载时可能会立即发出初始请求（例如，对用户进行身份验证）
- Cypress 可以在 cy.visit() 之前启动服务器并定义路由（ cy.route() ）
- 下次访问时，服务器 + 路由将在应用程序加载之前立即应用
最新文章
- css样式之border-radius
- 12款非常精致的免费 HTML5 & CSS3 网站模板
- [BZOJ3874][AHOI2014] 宅男计划
- Spring的定时任务配置（转）
- 【循序渐进学Python】12.Python 正则表达式简介
- oracle序列为什么不是从1开始
- scjp考试准备 - 2 - 逻辑运算及类型转换
- Hadoop1.1.2伪分布式安装笔记
- Http、tcp、Socket连接区别
- Mybatis拦截器介绍
- js 手机端触发事事件、javascript手机端/移动端触发事件
- 屏蔽同步(JAVA)
- Palindrome Permutation II 解答
- rac 10g 加入节点具体解释
- [think in java]知识点学习
- vue+vuex初入门
- Logback Pattern
- tomcat 设置虚拟路径的4种方法
- springboot配置Druid监控
- Hdu1796 How many integers can you find 2017-06-27 15:54 25人阅读 评论(0) 收藏