Fix source maps / code frame for cy.origin with dependencies

[chrisbreiding]

What would you like?

Currently, if there's a test failure inside the cy.origin() callback and it requires dependencies, the error code frame shows the object the callback is replaced with and not the original source code. We need to connect the extracted callback with the source code through source maps and ensure the code frame shows the original source.

The following code:

cy.visit('/fixtures/primary-origin.html')
cy.get('a[data-cy="cross-origin-secondary-link"]').click()
cy.origin('http://foobar.com:3500', () => {
  Cypress.require('./does-not-exist')
})

yields the following error/code frame:

Why is this needed?

It's important for debugging failures to see the original source code. It's confusing to see this artifact the source callback is replaced with instead of the callback itself.

[cypress-bot]

The code for this is done in cypress-io/cypress#24367, but has yet to be released.
We'll update this issue and reference the changelog when it's released.

[cypress-bot]

Released in 11.0.0.

This comment thread has been locked. If you are still experiencing this issue after upgrading to
Cypress v11.0.0, please open a new issue.