Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

The webpage is not loading properly in cypress runner and gitu #29375

Open
gtelus opened this issue Apr 22, 2024 · 3 comments
Open

The webpage is not loading properly in cypress runner and gitu #29375

gtelus opened this issue Apr 22, 2024 · 3 comments
Labels
stage: needs information Not enough info to reproduce the issue

Comments

@gtelus
Copy link

gtelus commented Apr 22, 2024

Current behavior

when trying to navigate to https://www.telus.com/en/shop/home-services/internet/plans. the plan selection page is not loading completely in Cypress Runner, but the same is working fine in the local browser.

I have tried the below workaround, but it dosent help.

  • Cypress to the latest version 13.8.0 and the lower version.
  • Updating cypress config chromeWebSecurity: false, modifyObstructiveCode:false
  • Clearing local storage, session
  • Wait

Desired behavior

cy.visit("https://www.telus.com/en/shop/home-services/internet/plans")

image

but getting the below screen

image

Test code to reproduce

  1. Navigate to "https://www.telus.com/en/shop/home-services/internet/plans"
  2. check the plan selection is loading in cypress runner
    image

Cypress Version

13.8.0

Node version

v20.12.2

Operating System

windows

Debug Logs

No response

Other

No response

@jennifer-shehane
Copy link
Member

I do see this loading when I run this test. Ensure the viewportHeight and viewportWidth are set appropriately so that it's not switching to a different css style, hiding some areas of the app under test.

  it("should load", () => {
    cy.visit("https://www.telus.com/en/shop/home-services/internet/plans")
  });

Screenshot 2024-04-25 at 10 34 12 AM

@jennifer-shehane jennifer-shehane added the stage: needs information Not enough info to reproduce the issue label Apr 25, 2024
@gtelus
Copy link
Author

gtelus commented Apr 25, 2024

hey @jennifer-shehane : Thanks for your response.. i am trying with same viewport, but not able to load the page successfully.

these are default values used in cypress config
chromeWebSecurity: false,
viewportHeight: 660,
viewportWidth: 1000,

image

may i know the Cypress config used to load the page successfully?

@jennifer-shehane
Copy link
Member

@gtelus Do you have any other code in the test file? It looks like you have some requests modified in the screenshot.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
stage: needs information Not enough info to reproduce the issue
Projects
None yet
Development

No branches or pull requests

2 participants