Cy.Intercept Failing

[kchemutai]

Cypress Intercept failing to detect a 200 response from a Post

Hi All,
I am trying to use a cypress Intercept to wait for a post request to /api/roles in my tests so that i can start assertions, the API returns 200 status code but cypress does not detect making the test to fail.

Here is a screen shot

Here is a Snipplet of code i am running

/// <reference types="cypress" />
import env from '../../../support/env'

describe('Create User Management Tests for Roles', () => {
    before(() => {
        cy.login()
        cy.url().should('include', `${env.host}/dashboard`)
        cy.visitUserManagementPage()
    })
    it('Create a Role', () => {
        const roleName = 'Automated Test Role'
        cy
            .get('#role_name_input')
            .should('be.visible')
            .clear()
            .type(roleName)
        cy
            .get('#role_description_input')
            .should('be.visible')
            .clear()
            .type('Test Description From Automated Tests...')
        cy
            .get('button')
            .contains('Create Role')
            .should('be.visible')
            .click()

        // wait for the role to be created before making any assertions
        cy
            .intercept(
                {
                    method: 'post',
                    url: `${env.host}/api/roles`,
                }).as('createRole')
        cy
            .wait('@createRole')
            .its('response.statusCode')
            .should('eq', 200)

        // Verify that the role was created
        cy
            .get('.whitebox')
            .first()
            .within((box) => {
                cy
                    .get('p')
                    .should('have.text', roleName)
        })
    })
    it('Assign Permissions to the role', () => {
        // assign permissions
        cy
            .get('.whitebox')
            .first()
            .within((box) => {
                cy
                    .get('input[role="combobox"]')
                    .click()
                    .type('test{enter}')
        })
    })

})

[jennifer-shehane]

You need to update the matcher for the url so that it will match a url that includes a query param. Instead of ${env.host}/api/roles it should be ${env.host}/api/roles*.

it('test cy.intercept()', () => {
  cy.intercept('/api/roles*').as('getUrl')
  cy.visit('https://example.com')
  cy.window().then((win) => {
    const xhr = new win.XMLHttpRequest()
    xhr.open('GET', '/api/roles?country=UG')
    xhr.send()
  })
  cy.wait('@getUrl')
})