Cypress系列（70）- server() 命令详解

2022-05-12 159

版权

本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。

简介： Cypress系列（70）- server() 命令详解

如果想从头学起Cypress，可以看下面的系列文章哦

https://www.cnblogs.com/poloyy/category/1768839.html

前言

Cypress 6.0.0 开始不推荐使用 cy.server() 和 cy.route()
在将来的版本中，对 cy.server() 和 cy.route() 的支持将移至插件
现在优先考虑使用 cy.intercept()

作用

启动服务器以开始将响应路由到 cy.route() 并更改网络请求的行为
前置知识：熟悉 .route() 命令，https://www.cnblogs.com/poloyy/p/13852941.html

语法格式

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}`)
});