Cypress is intercepting API calls inconsistently. Ideally a call should be intercepted 22 times but it is getting intercepted by cypress 42 times.

[Ppkd2021]

Current behavior

There is an API which is getting called in frontend multiple time(22 times) when we are trying to intercept each call for that respective api by cypress then it is intercepting inconsistently, sometimes 42 or 44 times.

Desired behavior

It should intercept that API call 22 times.

Test code to reproduce

describe('cypress api intercept bug', () => {
  it('ListInsightViewMetricsByInsightViewId api', () => {

	let i =0
	cy.intercept(`POST`, `RouteURL`, req => {
		
        if (req.body.query.includes(`ListInsightViewMetricsByInsightViewId`)) {	
          console.log(req.body);
		  console.log(`request found`,i);
              i++ 
          //req.alias = `${query}-${i}`;
        }
      });
    cy.visit('Application URL');
	
    cy
		.get(`[type="submit"]`,{timeout:30000})
		.as(`BtnSubmit`)
		.should(`be.disabled`)
		.get(`[data-placeholder="Email"]`,{timeout:30000})
		.type(`Email`)
		.get(`[data-placeholder="Password"]`)
		.type(`Password`)
		.get(`@BtnSubmit`)
		.should(`be.enabled`)
		.click()
	
		//cy.wait(`@ListCampaignGroups`).then(req=>console.log(req))
    .get(`.brand-list-wrapper > :nth-child(1)`,{timeout:60000})
	
    .click()
	
    .get(`.link-btn`)
    .click()
	cy.wait(`@ListInsightViewMetricsByInsightViewId`,{timeout:80000}).then(req=>console.log(req))
  })
})  

Versions

[Ppkd2021]

Application intercepting 22 times

Cypress intercepting 43 times

[jennifer-shehane]

@Ppkd2021 We've recreated the situation from the repo you previously provided and confirmed the behavior you are saying is happening. So this appears to be a bug or unexpected behavior that one of our engineers will have to evaluate when we have time. Thanks for taking the time to report.

[jennifer-shehane]

Looking further at this, it appears that the graphql calls are doubled regardless of the cy.intercept() definition, so it may not be related to intercept and be related to something else.

[bahmutov]

Reproduction

The same problem in v6.5.0 v6.6.0 and branch 7.0-release

https://github.com/cypress-io/cypress-example-recipes/tree/triple-intercept folder examples/server-communication__wait-for-api

• install root dependencies with npm install
• in the folder itself npm run dev

The following test there shows double or sometimes triple intercept execution for a single fetch from the application

it('fails because the API is not ready', () => {
  cy.visit('/')
  cy.intercept({
    pathname: '/greeting',
  },
  {
    forceNetworkError: true,
  }).as('greeting')

  cy.get('#get-api-response').click()
})

it('fails because the API is not ready (with log)', () => {
  cy.visit('/')
  cy.intercept({
    pathname: '/greeting',
  },
  (req) => {
    console.log('in the greeting intercept')
    console.log(JSON.stringify(req))
    req.reply({ forceNetworkError: true })
  })

  cy.get('#get-api-response').click()
})

Images

[flotwig]

@bahmutov I don't think this is related - those requests are probably actually being sent. I'm not sure if the Network tab will show it, but Chrome will re-send a request that fails due to network error a few times, so that is probably why you are seeing this behavior.

Check out the 0_network_error_handling_spec e2e test if you're curious, Chrome's behavior w.r.t retrying on network errors is tested in great detail there.

[vrknetha]

@jennifer-shehane Thank you for having a look at it. Please let us know if you need anything else which helps fixing this issue.

[cypress-app-bot]

This issue has not had any activity in 180 days. Cypress evolves quickly and the reported behavior should be tested on the latest version of Cypress to verify the behavior is still occurring. It will be closed in 14 days if no updates are provided.

[cypress-app-bot]

This issue has been closed due to inactivity.