Cypress tests loads page on browser then goes blank immediately after when running against Forge url

Current behavior

I am trying to run Cypress in GitHub actions against an app that is deployed using Forge. It is a Laravel Vue app. The remote url is https://ppt2.nomorecph.com and I have the following test that fails

 it('logs in with correct credentials', () => {
        cy.visit("/login").debug()
        cy.wait(3000);
        cy.get('input[data-cy=email]').type("[e-mail]");
        cy.get('input[data-cy=password]').type("password");
        cy.get('[data-cy=login-btn]').click();
})

When developing on localhost, the tests pass, but when I try when the app is deployed on forge on this link, cypress visits the site then abruptly shows a blank page and therefore the tests fail since they can’t find the input fields. These are some screenshots to add context:

Desired behavior

I expect the tests to pass as they do when I run them against the app when it’s on localhost. I don’t understand why the page initially loads then goes blank on cypress browser

Test code to reproduce

context('Login', () => {

    it('logs in with correct credentials', () => {
        const email = "[e-mail]"),
            password = "password";
        cy.visit("/login").debug()
        cy.wait(3000);
        cy.get('input[data-cy=email]').type(email);
        cy.get('input[data-cy=password]').type(password);
        cy.get('[data-cy=login-btn]').click()
        cy.wait(1000);
    })

})

Versions

“cypress”: “^6.2.1”

[Justinohallo]

Unfortunately there are multiple threads describing this same issue and they are typically closed by the moderator without a proper resolution.

I switched back to selenium.

On Thu, Jan 28, 2021 at 8:02 AM Tony [e-mail] wrote:

hey @Justinohallo https://github.com/Justinohallo , thanks for the quick response, had been banging my head on this for quite a while, could you maybe have an idea if there is a fix in the pipeline for this?

— You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub https://github.com/cypress-io/cypress/issues/14798#issuecomment-769187648, or unsubscribe https://github.com/notifications/unsubscribe-auth/AF4EAOD22J77A6JQKX44H2DS4GDBZANCNFSM4WW7LJ7Q .

– Justin O’Halloran Events, Travel & Logistics 1-604-338-2312

[Justinohallo]

Yah, it is a very weird bug. There are numerous threads where that Cypress devs essentially close the thread without addressing anything.

You can hit numerous sites with the same blank page error.

I think one example was www.abercrombie.com