Rewrite 3rd party JS code to enforce that parent + top references are always correct

Current behavior:

I setup a very simple test that searches for a link in a web page (given an id) and clicks it. Than it checks the content of another element to check it’s correct. What happens is that selectors are found but the test fails. In fact the web page is behaving correctly. I can see an error in the inspector:

Uncaught SyntaxError: Unexpected token <

And another one:

Unhandled rejection TypeError: Cannot read property 'currentRetry' of undefined

Desired behavior:

The test to pass.

How to reproduce:

Just run the test below.

Test code:

describe('Check properties worldwide page', function() {
  beforeEach(function () {
    cy.visit('https://beta.hostelsclub.com/en/hostels');
  })

  it('Opens the correct country page', function () {
    cy.get('a#usa').click();
    cy.get('header.header-country .intro h1').contains('Best hostels in USA');
  })
});

Additional Info (images, stack traces, etc)

• Operating System: Arch Linux
• Cypress Version: 2.1.0
• Browser Version: Electron 59

[matthewshirley]

I believe I have reproduced similar behavior with an internal application. I cannot block the 3rd party JS code that is being evaluated. Is there another workaround I can use?

[whites11]

Hi Brian. I confirm the workaround works. Thanks a lot for your help guys, I was running out of options!