cy.visit() for page navigation in Cypress - Practice Problems & Coding Challenges

Challenge - 5 Problems

❓ Predict Output

intermediate

What is the result of this cy.visit() command?

Consider this Cypress test code snippet:

cy.visit('/dashboard')

Assuming the baseUrl is set to 'https://example.com', what URL will Cypress navigate to?

Cypress

cy.visit('/dashboard')

A https://example.com

B https://example.com/dashboard

C https://example.com//dashboard

D https://dashboard

💡 Hint

The path in cy.visit() appends to the baseUrl without doubling slashes.

When cy.visit() is given a path starting with '/', it appends that path to the baseUrl. It does not add extra slashes. So '/dashboard' becomes 'https://example.com/dashboard'.

❓ assertion

intermediate

Which assertion correctly verifies the page loaded after cy.visit()?

After running cy.visit('/login'), which assertion correctly checks that the URL contains '/login'?

Cypress

cy.visit('/login')

A cy.url().should('include', '/login')

B cy.url().should('eq', '/login')

C cy.location('pathname').should('contain', 'login')

D cy.location('href').should('include', 'https://login')

💡 Hint

Use cy.url() to get the full URL and check if it contains the path.

cy.url() returns the full URL string. Using .should('include', '/login') checks if the URL contains the path '/login'. Option A fails because the full URL is not just '/login'. Option A checks the pathname contains 'login', which does verify the URL contains '/login'. Option A checks for 'https://login' which is incorrect.

🔧 Debug

advanced

Why does this cy.visit() command fail with a 404 error?

Given this code:

cy.visit('dashboard')

The test fails with a 404 error. Why?

Cypress

cy.visit('dashboard')

A Missing leading slash causes Cypress to request 'https://example.comdashboard' which is invalid

B cy.visit() requires a full URL, not a relative path

C The baseUrl is not set, so Cypress cannot resolve 'dashboard'

D The server is down, causing 404 error

💡 Hint

Check how relative paths without leading slash are resolved.

Without a leading slash, Cypress appends the path directly to the baseUrl without a slash, causing an invalid URL like 'https://example.comdashboard'. This leads to a 404 error.

🧠 Conceptual

advanced

What happens if cy.visit() is called with an absolute URL different from baseUrl?

If baseUrl is set to 'https://example.com' and the test runs cy.visit('https://other.com/page'), what will Cypress do?

Cypress

cy.visit('https://other.com/page')

A Cypress appends '/page' to baseUrl ignoring the domain

B Cypress throws an error because URL is outside baseUrl

C Cypress navigates to 'https://example.com/https://other.com/page'

D Cypress navigates to 'https://other.com/page' ignoring baseUrl

💡 Hint

Absolute URLs override baseUrl in cy.visit().

When cy.visit() is given a full absolute URL, Cypress navigates directly to that URL ignoring the baseUrl setting.

❓ framework

expert

In Cypress, how can you wait for a page to fully load after cy.visit() before running assertions?

Which approach ensures the page is fully loaded before assertions after cy.visit('/home')?

Cypress

cy.visit('/home')

A Use cy.visit('/home').should('have.property', 'readyState', 'complete')

B Use cy.visit('/home').wait(5000) to wait 5 seconds

C Use cy.visit('/home').then(() => cy.get('body')) to wait for body element

D Use cy.visit('/home').its('document.readyState').should('eq', 'complete')

💡 Hint

Waiting for a visible element is better than fixed delays or document properties.

Cypress automatically waits for the page load event during cy.visit(). Using .then(() => cy.get('body')) ensures the body element is present before continuing. Option C is unreliable fixed wait. Options A and D are invalid because cy.visit() does not return page properties directly.