cy.url() assertions in Cypress - Interactive Code Practice

Practice - 5 Tasks

1fill in blank

easy

Complete the code to check if the URL includes the word 'dashboard'.

Cypress

cy.url().should([1], 'dashboard')

Drag options to blanks, or click blank then click option'

Aequal

Binclude

Chave.property

Dcontain

Attempts:

3 left

💡 Hint

Common Mistakes

Using 'equal' instead of 'contain' will check for exact match, which is too strict.

Using 'have.property' is incorrect for URL string assertions.

The contain assertion checks if the URL contains the given substring.

2fill in blank

medium

Complete the code to assert that the URL exactly matches 'https://example.com/home'.

Cypress

cy.url().should([1], 'https://example.com/home')

Drag options to blanks, or click blank then click option'

Acontain

Binclude

Cequal

Dmatch

Attempts:

3 left

💡 Hint

Common Mistakes

Using 'contain' or 'include' will only check for partial match, not exact.

Using 'match' is for regex, not exact string match.

The equal assertion checks if the URL exactly matches the given string.

3fill in blank

hard

Fix the error in the code to assert the URL starts with 'https://'.

Cypress

cy.url().should('[1]', /^https:\/\//)

Drag options to blanks, or click blank then click option'

Amatch

Bequal

Ccontain

Dinclude

Attempts:

3 left

💡 Hint

Common Mistakes

Using 'contain' or 'include' does not support regex matching.

Using 'equal' expects exact string, not regex.

The match assertion is used to check if the URL matches the given regular expression.

4fill in blank

hard

Fill both blanks to assert the URL does not include 'login' and is not equal to 'https://example.com/login'.

Cypress

cy.url().should([1], 'login').and('not.[2]', 'https://example.com/login')

Drag options to blanks, or click blank then click option'

Anot.include

Bequal

Ccontain

Dnot.equal

Attempts:

3 left

💡 Hint

Common Mistakes

Using 'contain' in the first blank will fail because the instruction says 'does not include'.

Using 'equal' instead of 'not.equal' in the second blank will cause the assertion to fail.

First, we check the URL does not include 'login' with not.include, then assert it is not equal to the login page URL with not.equal.

5fill in blank

hard

Fill all three blanks to assert the URL matches regex /^https:\/\/app\./, contains 'dashboard', and is not equal to 'https://app.example.com/logout'.

Cypress

cy.url().should('[1]', /^https:\/\/app\./).and('[2]', 'dashboard').and('not.[3]', 'https://app.example.com/logout')

Drag options to blanks, or click blank then click option'

Amatch

Bcontain

Cequal

Dnot.equal

Attempts:

3 left

💡 Hint

Common Mistakes

Mixing up 'equal' and 'not.equal' will cause wrong assertion results.

Using 'include' instead of 'contain' is invalid in Cypress assertions.

We use match for regex, contain for substring, and not.equal to assert inequality.

Practice

1. What does cy.url().should('include', '/dashboard') check in a Cypress test?

easy

A. It checks if the current URL contains '/dashboard' anywhere in it.

B. It verifies the URL exactly equals '/dashboard'.

C. It asserts the URL starts with '/dashboard'.

D. It confirms the URL ends with '/dashboard'.

Solution

1. Step 1: Understand the 'include' assertion

   The 'include' assertion checks if the given string is part of the actual URL anywhere.

2. Step 2: Apply to the example

   Using 'include' with '/dashboard' means the URL must contain '/dashboard' anywhere, not necessarily exactly or at start/end.

3. Final Answer:

   It checks if the current URL contains '/dashboard' anywhere in it. -> Option A

4. Quick Check:

   cy.url().should('include', '/dashboard') = contains '/dashboard' [OK]

Hint: Remember 'include' means substring anywhere in URL [OK]

Common Mistakes:

• Confusing 'include' with exact match
• Thinking 'include' checks start or end only
• Using 'eq' when 'include' is needed

2. Which of the following is the correct syntax to assert the URL exactly equals 'https://example.com/home' in Cypress?

easy

A. cy.url().should('contain', 'https://example.com/home')

B. cy.url().should('include', 'https://example.com/home')

C. cy.url().should('match', 'https://example.com/home')

D. cy.url().should('eq', 'https://example.com/home')

Solution

1. Step 1: Identify exact match assertion

   The 'eq' assertion checks if the actual URL exactly equals the given string.

2. Step 2: Match syntax to requirement

   Using cy.url().should('eq', 'https://example.com/home') asserts the URL is exactly that string.

3. Final Answer:

   cy.url().should('eq', 'https://example.com/home') -> Option D

4. Quick Check:

   Exact URL match uses 'eq' [OK]

Hint: Use 'eq' for exact URL match, not 'include' or 'match' [OK]

Common Mistakes:

• Using 'include' instead of 'eq' for exact match
• Using 'match' without regex
• Using 'contain' which is not a valid Cypress assertion

3. Given the code snippet:

cy.visit('/login')
cy.url().should('match', /\/login$/)

What will the assertion check?

medium

A. The URL contains '/login' anywhere.

B. The URL ends with '/login'.

C. The URL exactly equals '/login'.

D. The URL starts with '/login'.

Solution

1. Step 1: Understand the 'match' assertion with regex

   The 'match' assertion checks if the URL matches the given regular expression.

2. Step 2: Analyze the regex /\/login$/

   The regex ends with '$' which means the URL must end with '/login'.

3. Final Answer:

   The URL ends with '/login'. -> Option B

4. Quick Check:

   Regex with $ means URL ends with pattern [OK]

Hint: Regex ending with $ means URL ends with that string [OK]

Common Mistakes:

• Thinking 'match' checks substring anywhere without regex
• Confusing regex anchors like ^ and $
• Assuming 'match' equals exact string match

4. Identify the error in this Cypress assertion:

cy.url().should('equals', 'https://example.com/home')

medium

A. 'equals' is not a valid assertion keyword in Cypress.

B. The URL string is missing a trailing slash.

C. The method 'should' cannot be used with 'url'.

D. The URL must be checked with 'include' instead of 'equals'.

Solution

1. Step 1: Check valid assertion keywords for cy.url()

   Cypress supports 'eq', 'include', 'match', but not 'equals'.

2. Step 2: Identify the invalid keyword usage

   Using 'equals' causes a syntax error because it's not recognized by Cypress.

3. Final Answer:

   'equals' is not a valid assertion keyword in Cypress. -> Option A

4. Quick Check:

   Use 'eq' for exact match, not 'equals' [OK]

Hint: Use 'eq' not 'equals' for exact URL check [OK]

Common Mistakes:

• Using 'equals' instead of 'eq'
• Confusing assertion keywords
• Assuming 'should' can't be chained with 'url'

5. You want to verify that after login, the URL contains '/dashboard' but may have query parameters like '?user=123'. Which assertion is best to use?

hard

A. cy.url().should('eq', 'https://example.com/dashboard')

B. cy.url().should('contain', '/dashboard?user=123')

C. cy.url().should('include', '/dashboard')

D. cy.url().should('match', /^https:\/\/example\.com\/dashboard\?user=\d+$/)

Solution

1. Step 1: Understand the URL with query parameters

   The URL may have extra parts after '/dashboard', so exact match ('eq') won't work.

2. Step 2: Choose assertion allowing partial match

   'include' checks if '/dashboard' is anywhere in the URL, ignoring query parameters.

3. Final Answer:

   cy.url().should('include', '/dashboard') -> Option C

4. Quick Check:

   Use 'include' to ignore query parameters [OK]

Hint: Use 'include' to ignore query parameters in URL check [OK]

Common Mistakes:

• Using 'eq' which fails with query parameters
• Trying complex regex without need
• Using invalid 'contain' assertion