Cy.visit() fails to load data from any web address, local or otherwise

[OjGrooms]

Hi,

I have been tasked with writing integration tests for my company's app. It's a Vue 3-based app wrapped in Tauri that has a local dev server access port through Vite. It seemed the best course of action was to use cy.visit('http://localhost:8080'), but nothing would load and I would get this error:

cy.visit() failed trying to load:

undefined

The response we received from your web server was:

  > undefined: undefined

This was considered a failure because the status code was not 2xx.

If you do not want status codes to cause failures pass the option: failOnStatusCode: false

I tried to eliminate the possibility that the app wasn't actually surfacing for cypress to find it (even though I could reach it through a web browser), and simply tried to use the addresses for cypress docs and google. Again, same errors.

describe('Cypress io', () => {
  it('loads webpage', () => {
    cy.visit('https://docs.cypress.io/', { timeout: 30000 });
  });
});

describe('Google', () => {
  it('loads web page', () => {
    cy.visit('https://www.google.com', { timeout: 30000 });
  });
});

[OjGrooms]

I did find a solution. As it turns out, cy.visit() does not work in my app's current test suite configuration. Our command runs yarn run test:unit:cy which opens cypress in unit testing mode?

To sidestep this, I set up a new make command to run yarn run cypress open, where none of the unit test will run apparently, but cy.visit() runs quite happily.

Further, for anyone who's app runs in Tauri, you'll have to expect an exception to be thrown about window.__TAURI_IPC__ is not a function.

Adding this to the top of the integration test file or a helper file should keep the test from failing outright to the uncaught exception:

Cypress.on('uncaught:exception', (err, runnable) => {
  // we expect a Tauri error about the window
  // and don't want to fail the test so we return false
  if (err.message.includes('window.__TAURI_IPC__ is not a function')) {
    return false;
  }
  // we still want to ensure there are no other unexpected
  // errors, so we let them fail the test
});