cy.visit randomly not loading the web application.

I am testing Cypress to see If we can use it for the automation of our test cases. I have created 4 test cases. And, cy.visit(desired link) is placed in beforeEach

Current behavior:

Sometimes all four of them run and pass without issues. Randomly, web application doesn’t load correctly for one of the four test cases. Console displays the following message:

Uncaught syntax error: Unexpected end of input

Desired behavior:

Every time cy.visit(desired link) is launched I should be able to land on the Login screen.

Versions:

Windows 10 Pro Cypress 3.8.1 Chrome 79

I have also added "modifyObstructiveCode":false in the cypress.json

Issue screenshot attached.

If somebody knows what’s happening and how can it be fixed, please let me know. Thank you.

[jennifer-shehane]

@sarfrazwk Your application may be using “frame busting”. By default Cypress modifies code it detects as frame busting so the application under test runs properly in the Cypress Test Runner (which runs your app inside an iframe itself). Can you try disabling this by setting modifyObstructiveCode=false in your configuration? Further explanation can be found here: https://on.cypress.io/configuration#modifyObstructiveCode

This is a bit of a guess though since I can’t run the code provided.

[cadesalaberry]

I had the same issue, the fix took me a while. My problem was with how angular mangles the index.html file.

...
<script>
  function getName() {
    // do not show in production
    if (window.production) return '';
    return 'beta';
  }
</script>

the code would turn into a single line of js, leading to a Unexpected end of input

<script>
  function getName() {    // do not show in production    if (window.production) return '';    return 'beta';  }
</script>

Which would lead to the end of the code being commented out. Turning them into multi-line comments did the trick.

...
<script>
  function getName() {
    /* do not show in production */
    if (window.production) return '';
    return 'beta';
  }
</script>

<script>
  function getName() {    /* do not show in production */    if (window.production) return '';    return 'beta';  }
</script>