Feature Request: Support external api call to load fixed data in fixture

[iamsjn]

Current behavior:

Currently cypress fixture supports loading data from file only located in local drive.

cy.fixture('logo.png').then((logo) => {
  // load data from logo.png
})

Desired behavior:

Fixture should support loading data using external api call-

cy.fixture('https://my-api.com/logo.png').then((logo) => {
  // load data from api
})

[jennifer-shehane]

I can definitely see the value in this feature and we will other people's interest to determine the development roadmap.

As a workaround today, to use image data from a url location, you can do this.

it('image from request', () => {
  cy
  .request('https://www.cypress.io/img/cypress-io-logo-social-share.png')
  .then((logoResponse) => {
    cy.route('images/*', logoResponse.body).as('getImage')
  })
})

[eithed]

Any progress on this? Please consider problems with proposed workaround:

• you can't do a regex - this becomes very painful when you want to simulate external API returning success/failure for every request - ie: cy.route('GET', ``http://foo.bar.xyz?email=${value-passed-from-form-that-is-inserted-via-faker}``)
• current workaround does a call to external API - imagine a situation when given image does not exist anymore - expected result would be that tests still pass (because of fixture), not that tests fail because given URL is offline; moreover imagine a scenario where we're making a call to external resource that performs an action - fixture should be used instead of that external call, so that that action isn't performed at all!

A possible solution to this problem is to route your external requests. For example, we're using netlify, which allows to define lambda-functions. As such it's possible to define external url as internal url and thus create fixture; nevertheless, capability to create fixtures in Cypress for external calls would be greatly appreciated