Length assertions in Cypress - Interactive Code Practice

Practice - 5 Tasks

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'

A5

B3

C0

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.

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'

A1

Bnull

C5

D0

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.

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.

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.

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

C3

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.

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