在 cypress 中存根相同的端点两次

Question

我想两次存根相同的 API 端点，因此第二次调用返回的响应与第一个不同。这是我想象这将如何工作的片段：

cy.route('POST', 'access-tokens', '@loginFailResponse', {status: 401}).as('loginFail')
cy.route('POST', 'access-tokens', '@loginSuccessResponse').as('loginSuccess')

我第一次尝试登录时拒绝访问，我更改了表单输入，然后它应该让我进入。

我试图将第二个cy.route(...)定义作为回调函数包装到第一个输出，但 cypress 拒绝调用cy.anythingpromise。就像下面的例子

cy.route('POST', 'access-tokens', '@loginFailResponse', {status: 401, onResponse: () => {
      cy.fixture('login_screen/login_success_response.json').as('loginSuccessResponse')
      cy.route('POST', 'access-tokens', '@loginSuccessResponse').as('loginSuccess')}
}}).as('loginFail')

这是我的测试用例：

cy.route('POST', 'access-tokens', '@loginFailResponse', {status: 401}).as('loginFail')
cy.route('POST', 'access-tokens', '@loginSuccessResponse').as('loginSuccess')
cy.get("form input[type='email']").type("bad@email.com")
cy.get("form input[type='password']").type("Bad password")
// this should fail
cy.get("form").submit()
cy.get("form input[type='password']").type("g00d@password.com")
// this should let me in
cy.get("form").submit()

Answer 1

每次你定义.route('VERB', '/endpoint', ...)它都会覆盖你之前的定义。最简单的解决方案是在您完成第一次通话后覆盖此端点

菲利普，这个测试对你有用。

cy.route('POST', 'access-tokens', '@loginFailResponse', {status: 401}).as('loginFail')
cy.get("form input[type='email']").type("bad@email.com")
cy.get("form input[type='password']").type("Bad password")
// this should fail
cy.get("form").submit()
cy.route('POST', 'access-tokens', '@loginSuccessResponse').as('loginSuccess')
cy.get("form input[type='password']").type("g00d@password.com")
// this should let me in
cy.get("form").submit()