Webpage doesn't load in Cypress where as Page loads perfectly in chrome browser

Question

Below is the dev console in cypress

I have tried adding below config is Cypress.json

{ "modifyObstructiveCode" : false }

but this causes Cypress runner to not find my test at all

This is my Cypress code :

/// <reference types="Cypress" />

describe("Service Now TEST login", () => {
    it("Login TEST", () => {
        cy.visit("https://hptest.service-now.com/login.do")
        cy.wait(2000)
        cy.get(".form-control", {
            timeout: 10000
        }).should("be.visible").then(() => {
            cy.get("#user_name").type("");
            cy.get("#user_password").type("");
            cy.get("#sysverb_login").click();
        });
    })
})

Please help me here.

Answer 1

I can see in your test runner logs that there is a exception generated, you can catch the exception using:

Cypress.on('uncaught:exception', (err, runnable) => {
  return false
})

So your code should look like:

describe('Service Now TEST login', () => {
  it('Login TEST', () => {
    cy.visit('https://hptest.service-now.com/login.do')
    //Catch Exception
    Cypress.on('uncaught:exception', (err, runnable) => {
      return false
    })
    cy.wait(2000)
    cy.get('.form-control', {
      timeout: 10000,
    })
      .should('be.visible')
      .then(() => {
        cy.get('#user_name').type('')
        cy.get('#user_password').type('')
        cy.get('#sysverb_login').click()
      })
  })
})