Assertion timeout customization in Cypress - Interactive Code Practice

Practice - 5 Tasks

1fill in blank

easy

Complete the code to set a custom timeout for the assertion.

Cypress

cy.get('button').should('be.visible', { timeout: [1] })

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

A10000

B2000

C3000

D5000

Attempts:

3 left

💡 Hint

Common Mistakes

Using timeout values too small causing flaky tests.

Not passing timeout as an object property.

The timeout option sets how long Cypress waits for the assertion to pass. 5000 ms (5 seconds) is a common custom timeout.

2fill in blank

medium

Complete the code to increase the timeout for checking if an element contains text.

Cypress

cy.get('.message').should('contain', 'Success', { timeout: [1] })

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

A1000

B3000

C8000

D1500

Attempts:

3 left

💡 Hint

Common Mistakes

Using too short timeout causing test failures.

Passing timeout as a separate argument instead of inside options object.

Setting timeout to 8000 ms allows Cypress to wait longer for the text 'Success' to appear.

3fill in blank

hard

Fix the error in the code by completing the timeout value correctly.

Cypress

cy.get('#submit').should('be.enabled', { timeout: [1] })

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

A5000

B'5000'

Cfive thousand

Dnull

Attempts:

3 left

💡 Hint

Common Mistakes

Passing timeout as a string causing type errors.

Passing null or undefined causing unexpected behavior.

The timeout value must be a number, not a string or other type.

4fill in blank

hard

Fill both blanks to customize timeout and assertion type.

Cypress

cy.get('.alert').should([1], 'Error occurred', { timeout: [2] })

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

Acontain

Bhave.text

C10000

D3000

Attempts:

3 left

💡 Hint

Common Mistakes

Mixing assertion types causing test failures.

Using too short timeout for slow loading elements.

Using 'contain' checks if the element contains the text. Timeout 10000 ms waits longer for the assertion.

5fill in blank

hard

Fill all three blanks to set a custom timeout, assertion, and selector.

Cypress

cy.get('[1]').should('[2]', 'Loaded', { timeout: [3] })

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

A.status-message

Bcontain

C7000

D#loading

Attempts:

3 left

💡 Hint

Common Mistakes

Using wrong selector causing element not found.

Wrong assertion method causing test failure.

Timeout too short for slow elements.

Selector '.status-message' targets the element, 'contain' checks text presence, and timeout 7000 ms waits longer for the assertion.