Practice - 5 Tasks

Answer the questions below

1fill in blank

easy

Complete the code to check that the list has exactly 5 items.

Cypress

cy.get('ul#items > li').should('have.length', [1]);

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

D10

Attempts:

3 left

💡 Hint

Common Mistakes

Using the wrong number in the assertion causes the test to fail.

Forgetting to use 'have.length' and using 'length' instead.

✗ Incorrect

The assertion have.length checks the number of matched elements. Here, we want exactly 5 items.

2fill in blank

medium

Complete the code to assert that the input field has no characters (length 0).

Cypress

cy.get('input#username').invoke('val').should('have.length', [1]);

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

Bnull

Attempts:

3 left

💡 Hint

Common Mistakes

Using 1 instead of 0 causes the test to fail because the input is empty.

Not using invoke('val') to get the input value.

✗ Incorrect

The invoke('val') gets the input's value. Checking have.length 0 means the input is empty.

3fill in blank

hard

Fix the error in the assertion to check the number of buttons is 4.

Cypress

cy.get('button').should('have.[1]', 4);

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

Alength

Blengths

ClengthOf

Dcount

Attempts:

3 left

💡 Hint

Common Mistakes

Using 'have.lengths' or 'have.count' causes syntax errors.

Misspelling 'length' breaks the test.

✗ Incorrect

The correct assertion is have.length. Other options are invalid and cause errors.

4fill in blank

hard

Fill both blanks to check that the paragraph text length is greater than 10 characters.

Cypress

cy.get('p.description').invoke('text').should('have.length[1]', [2]);

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

A.gt

B.eq

C10

D.lt

Attempts:

3 left

💡 Hint

Common Mistakes

Using '.eq' instead of '.gt' causes the test to check for exact length 10, not greater.

Using '.lt' checks for less than 10, which is incorrect here.

✗ Incorrect

The assertion checks if the text length is greater than 10 using should('have.length.gt', 10).

5fill in blank

hard

Fill both blanks to assert that the list items count is at least 3.

Cypress

cy.get('ul#tasks > li').should('have.length[1]', [2]);

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

A.eq

B.gte

D.lt

Attempts:

3 left

💡 Hint

Common Mistakes

Using '.eq' checks for exactly 3, not at least 3.

Using '.lt' checks for less than 3, which is wrong here.

✗ Incorrect

The assertion uses should('have.length.gte', 3) to check the list has at least 3 items.

Practice

(1/5)

1. What does the Cypress command cy.get('.item').should('have.length', 3) check on a webpage?

easy

A. It verifies that the page has 3 different classes including 'item'.

B. It checks that the text length of '.item' elements is 3 characters.

C. It checks that there are exactly 3 elements with class 'item' on the page.

D. It waits for 3 seconds before continuing the test.

Solution

Step 1: Understand cy.get() usage
cy.get('.item') selects all elements with the class 'item' on the page.
Step 2: Understand should('have.length', 3) assertion
This assertion checks that the number of selected elements is exactly 3.
Final Answer:
It checks that there are exactly 3 elements with class 'item' on the page. -> Option C
Quick Check:
Length assertion = count of elements [OK]

Hint: Length assertions check element count, not text length [OK]

Common Mistakes:

Confusing element count with text length
Thinking it checks class names count
Assuming it waits or delays

2. Which of the following is the correct Cypress syntax to assert that a list has exactly 5 items?

easy

A. cy.get('ul li').expect('length', 5)

B. cy.get('ul li').should('length', 5)

C. cy.get('ul li').assert('have.length', 5)

D. cy.get('ul li').should('have.length', 5)

Solution

Step 1: Recall correct assertion syntax
The correct Cypress assertion to check length is should('have.length', number).
Step 2: Check each option
cy.get('ul li').should('length', 5) misses 'have.'; cy.get('ul li').assert('have.length', 5) uses 'assert' which is not Cypress syntax; cy.get('ul li').expect('length', 5) uses 'expect' incorrectly. Only cy.get('ul li').should('have.length', 5) uses correct syntax.
Final Answer:
cy.get('ul li').should('have.length', 5) -> Option D
Quick Check:
Use should('have.length', number) for length checks [OK]

Hint: Use should('have.length', number) for length assertions [OK]

Common Mistakes:

Omitting 'have.' in assertion
Using 'assert' or 'expect' incorrectly
Confusing length with text assertions

3. Consider this Cypress code snippet:

cy.get('.todo-item').should('have.length', 4)
cy.get('.todo-item').eq(0).should('contain.text', 'Buy milk')

What will happen if the page has only 3 elements with class todo-item?

medium

A. The first assertion fails, stopping the test; second assertion is not run.

B. Both assertions pass because the second does not depend on length.

C. The test passes but logs a warning about length mismatch.

D. The second assertion fails but the first passes.

Solution

Step 1: Analyze first assertion
The first assertion expects 4 elements with class 'todo-item'. If only 3 exist, this assertion fails.
Step 2: Understand test flow on failure
When an assertion fails, Cypress stops the test immediately, so the second assertion is not executed.
Final Answer:
The first assertion fails, stopping the test; second assertion is not run. -> Option A
Quick Check:
Failed assertion stops test execution [OK]

Hint: Failed assertions stop test; later checks won't run [OK]

Common Mistakes:

Assuming all assertions run despite failure
Thinking warnings allow test to pass
Confusing element count with content check

4. You wrote this Cypress test:

cy.get('.card').should('have.length', 5)

But the test fails even though the page shows 5 cards. What is the most likely reason?

medium

A. The assertion syntax is wrong; should use 'have.lengthOf' instead.

B. The selector '.card' is incorrect or does not match all cards.

C. Cypress cannot count elements; it only checks visibility.

D. The page needs a manual refresh before running the test.

Solution

Step 1: Verify selector correctness
If the page visually shows 5 cards but the test fails, the selector '.card' might not match all card elements.
Step 2: Check assertion syntax and Cypress behavior
The syntax should('have.length', 5) is correct. Cypress counts elements matching the selector, so counting works. Manual refresh is not needed.
Final Answer:
The selector '.card' is incorrect or does not match all cards. -> Option B
Quick Check:
Selector must match all elements to count correctly [OK]

Hint: Check your selector matches all elements before asserting length [OK]

Common Mistakes:

Using wrong or incomplete selectors
Misunderstanding assertion syntax
Assuming Cypress needs page refresh

5. You want to test a dynamic list where items can be added or removed. Which Cypress code correctly asserts that the list has at least 2 items but no more than 5 items?

hard

A. cy.get('.list-item').should('have.length.gte', 2).and('have.length.lte', 5)

B. cy.get('.list-item').should('have.length', 2, 5)

C. cy.get('.list-item').should('have.length').within(2, 5)

D. cy.get('.list-item').should('have.lengthBetween', 2, 5)

Solution

Step 1: Understand Cypress length assertions
Cypress supports chaining assertions like should('have.length.gte', 2) for "greater than or equal" and should('have.length.lte', 5) for "less than or equal".
Step 2: Evaluate each option
cy.get('.list-item').should('have.length.gte', 2).and('have.length.lte', 5) correctly chains two assertions for minimum and maximum length. Options B, C, and D use invalid or non-existent syntax.
Final Answer:
cy.get('.list-item').should('have.length.gte', 2).and('have.length.lte', 5) -> Option A
Quick Check:
Use chained length.gte and length.lte for range checks [OK]

Hint: Chain should('have.length.gte') and should('have.length.lte') for ranges [OK]

Common Mistakes:

Using invalid assertion methods
Trying to pass multiple lengths in one assertion
Assuming 'lengthBetween' exists

Length assertions in Cypress - Interactive Code Practice

Practice

Solution

Step 1: Understand `cy.get()` usage

Step 2: Understand `should('have.length', 3)` assertion

Final Answer:

Quick Check:

Solution

Step 1: Recall correct assertion syntax

Step 2: Check each option

Final Answer:

Quick Check:

Solution

Step 1: Analyze first assertion

Step 2: Understand test flow on failure

Final Answer:

Quick Check:

Solution

Step 1: Verify selector correctness

Step 2: Check assertion syntax and Cypress behavior

Final Answer:

Quick Check:

Solution

Step 1: Understand Cypress length assertions

Step 2: Evaluate each option

Final Answer:

Quick Check:

Ready to prove it?

Practice

Solution

Step 1: Understand cy.get() usage

Step 2: Understand should('have.length', 3) assertion

Final Answer:

Quick Check:

Solution

Step 1: Recall correct assertion syntax

Step 2: Check each option

Final Answer:

Quick Check:

Solution

Step 1: Analyze first assertion

Step 2: Understand test flow on failure

Final Answer:

Quick Check:

Solution

Step 1: Verify selector correctness

Step 2: Check assertion syntax and Cypress behavior

Final Answer:

Quick Check:

Solution

Step 1: Understand Cypress length assertions

Step 2: Evaluate each option

Final Answer:

Quick Check:

Ready to prove it?

Step 1: Understand `cy.get()` usage

Step 2: Understand `should('have.length', 3)` assertion