Page load times out for Chrome and Electron but works from Firefox beta when submitting a simple login form

Current behavior:

Page load times out for Chrome and Electron but works from Firefox beta when submitting a simple login form

Not sure exactly what the root cause is, however, the login form itself is very simple, created with h1, form, and input tags with help of Bootstap and jQuery. I have looked through the GitHub open issues but didn’t find anything for this exact issue. Let me know if more info is needed.

Chrome 83:

Electron 80:

Firefox 77 beta:

Desired behavior:

Page should load properly for Chrome and Electron, just like it loads for Firefox beta

Test code to reproduce

loginURL is: https://qechallenge2-mcg.azurewebsites.net/login Username: [e-mail] Password: (removed for security purpose)

describe('Positive Log In Scenario', () => {
    before(() => {
        cy.visit(data.base.loginURL);
    })

    it.only('I am logged in', () => {
        cy.get('input[type="email"]').type(data.validCred.userName);
        cy.get('input[type="password"]').type(data.validCred.passWord);
        cy.get('form').submit();
    })
})

Versions

Cypress: 4.8.0 MacOS: Catalina 10.15.4 Browsers: Chrome 83, Electron 80, Firefox 77 beta

[jennifer-shehane]

@johannesschobel We release every 2 weeks on Monday. Barring any unforeseen challenges encountered during release, it should be released Monday, Jun 22 sometime during EST working hours.

[jennifer-shehane]

@johannesschobel @kamranayub Your issues sound related to https://github.com/cypress-io/cypress/issues/7679 - which was a regression introduced in 4.8.0 that will be fixed in our next release. I can’t be sure without a reproducible example, but it sounds very similar. These issues seem unrelated to the original issue.

@shahsar2013 As to the original issue, If you open your Devtools when the test is running, you’ll see an error being displayed:

Mixed Content: The page at ‘https://qechallenge2-mcg.azurewebsites.net/__/#/tests/integration/spec.js’ was loaded over HTTPS, but requested an insecure form action ‘http://qechallenge2-mcg.azurewebsites.net/calculator’. This request has been blocked; the content must be served over HTTPS.

Outside of Cypress this goes to the http URL then issues a 301 redirect to the https URL.

This is a chrome web security warning and can be bypassed within Cypress by passing chromeWebSecurity: false to your cypress.json configuration. Your test will pass with this setting.

Although you should probably update the form to route to an https url as this is a security vulnerability.