Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

cy.route doesn't match http calls to .js resources

See original GitHub issue

Current behavior:

(Notice how # is - because cypress doesn’t think the route is matched)

Interestingly the response handler is still called and the log appears in the console.

Desired behavior:

I’d like the route to match and be able to replace the contents of the resource I’m trying to hijack.

Steps to reproduce:

describe('Route matching fails', function () {
    it('fail matching routes', function () {
        cy.server()
        cy.route({
            method: 'GET',
            url: 'https://consent.snmmd.nl/js/cookiebar-latest.js',
            response: (req) => {
                console.log('[REQUEST] JavaScript');
            }
        })
        cy.visit('http://www.nu.nl')
    })
})

Versions

Cypress 2.1.0 macOS 10.12.6 Node 10.0.0

Issue Analytics

State:
Created 5 years ago
Reactions:3
Comments:7 (3 by maintainers)

Top GitHub Comments

4reactions

jennifer-shehanecommented, Aug 8, 2019

Have been thinking about this some. I thought maybe some people would find it useful to hook into the onLoad event and edit the <head> directly, maybe edit the JS resources here.

cy.visit('https://example.cypress.io', {
  onBeforeLoad: (contentWindow) => {
    // contentWindow is the remote page's window object
    contentWindow.document.head
    // I can change the <head> however I want here
    // including <script> src or content
  },
})

0reactions

jennifer-shehanecommented, Apr 1, 2021

cy.route() and cy.server() are now deprecated. We suggest migrating to cy.intercept(). Open a new issue if you encounter one with intercepting calls to .js resources using cy.intercept().