How to ignore certain fetch requests in cypress cy.visit

Question

When calling cy.visit("https://my-page.com") my page will fetch a number of external libraries/scripts. One of them is for sentry.io. Sometimes this particular fetch will just hang forever. The website is perfectly usable without it. Is there a way to make cy.visit not wait for these fetch requests from certain domains?

Answer 1

Some things to try, depends on how the app responds

Controlling the response

req.destroy() - destroy the request and respond with a network error

cy.intercept('https://sentry.io/*', req => req.destroy())

req.reply() - stub out a response requiring no dependency on a real back-end

cy.intercept('https://sentry.io/*', {})  // stubbed, never goes to the server

You may have to tweak {} to include fake properties if the app expects them.