Why cy.wait doesn't handle request, with cy.intercept property entered via variable?

Question

In case, if 'Panasonic' is entered directly in cy.intercept property, it works ok

cy.intercept('GET', '**/part-number/search?q=Panasonic**').as('getPNList')

but in case if this value added via variable into cy.intercept property, it doesn't work and cy.wait falls with timeout. What could be the reason?

let pnName = 'Panasonic'
    cy.intercept('GET', '**/part-number/search?q={@pnName}**').as('getPNList')
    cy.get('.select2-search__field').click().type(pnName)
    cy.wait('@getPNList').then((interception) => {
        expect(interception.response.statusCode).eq(200)
    })

score 1 · Answer 1 · answered May 26 '22 at 22:36

1

Consider using the alternate format for query parameters

Ref: Matching with RouteMatcher

const pnName = 'Panasonic'

cy.intercept({
  pathname: '**/part-number/search',
  query: {
    q: pnName,
  },
}).as('getPNList')

answered May 26 '22 at 22:36

SuchAnIgnorantThingToDo-UKR

3,170
4
16

score 0 · Accepted Answer · answered May 26 '22 at 14:32

I'm fairly certain your string interpolation is incorrect, and as such, your intercept is just looking for '**/part-number/search?q={@pnName}**' instead of replacing {@pnName} with the variable.

Try this instead:

cy.intercept('GET', `**/part-number/search?q=${pnName}**`).as('getPNList')

Check out more about string templates/string interpolation at MDN.

Why cy.wait doesn't handle request, with cy.intercept property entered via variable?

2 Answers2