Fetch through webworker are not handled by cypress resulting in wait() timeout

[gamegee]

Current behavior:

The wait() command will not be triggered if a fetch is done through webworkers.
Because the request is never handled, the test will fail because of timeout.

Desired behavior:

Trigger wait when a fetch is done through webworkers, indeed in an other thread.

Test code to reproduce

If the browser support webworkers I use specific function fetchResourceWithWorker

import { fetchResource } from './api.fetch'
import { fetchResourceWithWorker } from './api.worker'

const fetchFn = window.Worker ? fetchResourceWithWorker : fetchResource

/**
 * Calls the given URL and returns the json object
 */
export const call = (...args) => {
  const [path, options] = args
  return fetchFn(path, { ...options })
}

My only alternative for now is to do something like this:

const fetchFn = window.Worker || process.env.CI === 'true' ? fetchResourceWithWorker : fetchResource

It is not really useful to provide cypress specs code sample, because all my specs using wait() are failing since webworkers are used in the codebase.

Versions

Chrome: Version 83.0.4103.116
MacOS: 10.15.5
Cypress: 4.3.0

[kamranayub]

I am pretty certain this isn't possible yet, because Service Workers and Web Workers use different scopes. Cypress can indeed stub/spy on fetch with experimentalFetchPolyfill: true in 4.9.0 but it only works on the Window scope, where it will force the use of XHR. Worker scopes will continue to use fetch, so you can't wait/spy/stub those calls.

In my app, I also workaround it by disabling service worker fetching using routing (e.g. /path?sw_ignore). I think you'll have to workaround it like you're doing until stubbing/spying on fetch is enabled for worker scopes.

Related to #687 I think.

[nicholaschiang]

I'm experiencing the same thing using the new cy.intercept command. I have a service worker that intercepts all requests and adds authentication headers; Cypress seems unable to detect them with the new cy.intercept command when they worked fine with cy.route. I'm not sure why.

[cwirz]

I have the same issue as @nicholaschiang. For me the cy.route function can actually intercept these service worker handled requests.

I can also see that if you use a cy.intercept('*') to intercept all requests they are also not captured but everything else is.

[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.