javascript - Cypress - cy.intercept 捕获错误的 url

Question

我尝试用 intercept 模拟我的 API 路由，但我不知道为什么它触发了错误的路由(我在 cypress@6.2.1 上)

我有两个拦截:

一个用于/contacts，第二个用于/contacts/Contact-ARandomId

cy.intercept('GET', 'http://localhost:5000/contacts', {statusCode: 200, body: dataMultiple})

cy.intercept('GET', 'http://localhost:5000/contacts/Contact-ARandomId', {statusCode: 200, body: dataARandomId})

Answer 1

引用 Matching URL

You can provide a substring of the URL to match

// will match any request that contains "users" substring, like
// GET /users?_limit=3 and POST /users

cy.intercept('users')

所以 'http://localhost:5000/contacts' 匹配，因为它是第一个定义的，并且适用部分匹配。

您可以颠倒拦截的顺序，首先设置更具体的 URL(有点像 SPA 上的路由)。

或者，看看 Set an alias dynamically .

您可以使用 javascript 来优化响应

cy.intercept('GET', 'http://localhost:5000/contacts', (req) => {

  const isContactById = req.url.split('/')  // split into parts
    .pop()                                  // take last part
    .startsWith('Contact-');                // check if has id prefix

  const bodyStub = isContactById ? dataARandomId : dataMultiple;
  req.reply(200, bodyStub);
})