cy.location() for URL parts in Cypress - Practice Problems & Coding Challenges

Challenge - 5 Problems

❓ Predict Output

intermediate

What is the output of this Cypress test snippet?

Consider the following Cypress test code that checks the URL parts using cy.location(). What will be the value of pathname logged?

Cypress

cy.visit('https://example.com/products/item1?ref=123')
  .location('pathname')
  .then(pathname => {
    cy.log(pathname)
  })

A "https://example.com/products/item1"

B "/products/item1?ref=123"

C "/products/item1"

D "example.com/products/item1"

💡 Hint

Remember that pathname returns only the path part of the URL, excluding domain and query parameters.

The pathname property of cy.location() returns the path after the domain, without query strings or protocol. So it is /products/item1.

❓ assertion

intermediate

Which assertion correctly verifies the URL's query string using cy.location()?

You want to check that the current URL contains the query string ?user=admin. Which Cypress assertion is correct?

A cy.location('search').should('eq', '?user=admin')

B cy.location('href').should('contain', '?user=admin')

C cy.location('pathname').should('include', '?user=admin')

D cy.location('host').should('eq', '?user=admin')

💡 Hint

Which part of the URL contains the query string?

The search property of cy.location() returns the query string including the leading question mark. So cy.location('search').should('eq', '?user=admin') is correct.

🔧 Debug

advanced

Why does this Cypress test fail to assert the hostname correctly?

Examine the test code below. It fails even though the URL is correct. What is the reason?

Cypress

cy.visit('https://myapp.test/dashboard')
cy.location('hostname').should('eq', 'myapp.test')

A The test fails because cy.visit() was not chained with cy.location().

B cy.location('hostname') returns the full URL, not just hostname.

C cy.location('hostname') is asynchronous and needs await keyword.

D The expected hostname has an extra slash at the end causing mismatch.

💡 Hint

Check the exact string returned by cy.location('hostname') and compare with the expected value.

The hostname property returns the domain without any trailing slash. The expected value incorrectly includes a slash, so the assertion fails.

🧠 Conceptual

advanced

Which cy.location() property would you use to get the full URL including protocol, domain, path, and query?

You want to capture the entire URL string of the current page in Cypress. Which property of cy.location() gives you this?

A 'origin'

B 'href'

C 'pathname'

D 'host'

💡 Hint

Think about which property includes protocol, domain, path, and query.

The href property returns the full URL string including protocol, domain, path, and query parameters.

❓ framework

expert

In a Cypress test, how do you correctly chain multiple assertions on different URL parts using cy.location()?

You want to assert that the URL's protocol is https: and the pathname is /home. Which code snippet correctly performs both assertions?

A

cy.location().should(loc => {
  expect(loc.protocol).to.eq('https:')
  expect(loc.pathname).to.eq('/home')
})

B cy.location('protocol').should('eq', 'https:').location('pathname').should('eq', '/home')

C

cy.location('protocol').should('eq', 'https:')
cy.location('pathname').should('eq', '/home')

D

cy.location().then(loc => {
  cy.wrap(loc.protocol).should('eq', 'https:')
  cy.wrap(loc.pathname).should('eq', '/home')
})

💡 Hint

Consider how to access multiple properties from cy.location() in one callback.

Option A uses cy.location() without arguments to get the full location object, then asserts multiple properties inside a single should callback. This is the correct and efficient way.