response to XHR request ignored by cypress

[fmezas]

Current behavior:

XHR GET request reaches server and browser reports response (http code 200) in developer console but Cypress continues waiting for a response (see spinner next to (XHR) step in test and timeout message for cy.wait command)

Desired behavior:

Cypress should recognize that a response to the request was received and continue with the test.

Steps to reproduce: (app code and test code)

You can use https://github.com/fmezas/cypress-xhr-issue to reproduce the issue. It contains a toy server, client and cypress test, and instructions on how to run

Versions

Cypress: 3.4.1
operating system: OS-X 10.14.6
browser: Chrome Version 76.0.3809.100 (Official Build) (64-bit)

[Pieras2]

In my case I don't even see the XHR request in developer console while using chrome inspector I see it on my tested page :(

[fmezas]

hi @jennifer-shehane . Apologies for pinging you directly but desperate times call for desperate measures :)

any chance this issue could get some attention? it looks like a very basic use case to me. All code needed to reproduce it is in the accompanying github repo

any advise appreciated

best

Francisco

[mpahuja]

it looks like @hello has been setup to wait for hello route but that route does not exist on the page being loaded. If this was an actual route cy.visit('http://localhost:8000/hello'); and page to visit then cypress would have worked fine.

This code right now does not seem to be doing anything.

  cy.server();
  cy.route({
    method: 'GET',
    url: 'http://localhost:3000/hello'
  }).as('hello');

And also this line: cy.wait('@hello');

Removing those lines should work

[fmezas]

@mpahuja @hello is an alias for the route defined in the excerpt you quote. The url points to this: https://github.com/fmezas/cypress-xhr-issue/blob/1091f04be61c59a6237c4d1df48b6758a4ca5d58/server/server.js#L22

cy.wait('@hello') just makes the issue more explicit. without it the code fails in exactly the same way

[fmezas]

anybody else around here trying to use cypress with a cycle.js app?

[fmezas]

hi @bahmutov

apologies for pinging you directly. any chance this issue could get some attention? looks like a straightforward use case to me. All code needed to replicate the issue is in the accompanying repo. I guess the most important thing at this point for me is to figure out whether the combination cypress + cycle.js is viable or not yet

any advise highly appreciated

best regards

Francisco

[jennifer-shehane]

I am able to reproduce this - even in our latest version of Cypress from the provided repo: https://github.com/fmezas/cypress-xhr-issue

[jennifer-shehane]

This is fixed with our new cy.intercept() command - which is intended to replace cy.route() in a future version. We suggest updating your cy.route() code to use cy.intercept() instead.

cy.route()

it('works', () => {
  cy.server();
  cy.route({
    method: 'GET',
    url: 'http://localhost:3000/hello'
  }).as('hello');

  cy.visit('http://localhost:8000/');
  cy.get('#button1').click();
  cy.wait('@hello', { timeout: 10000 });
  cy.contains('"ok":true');
});

cy.intercept()

it('works', () => {
  cy.intercept({
    method: 'GET',
    url: 'http://localhost:3000/hello'
  }).as('hello');

  cy.visit('http://localhost:8000/');
  cy.get('#button1').click();
  cy.wait('@hello');
  cy.contains('"ok":true');
});