Test isolation strategies in Cypress - Interactive Code Practice

Practice - 5 Tasks

1fill in blank

easy

Complete the code to clear cookies before each test to ensure test isolation.

Cypress

beforeEach(() => { cy.[1]() })

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

AclearCookies

BclearCookiesAndLocalStorage

CclearCookie

DclearAllCookies

Attempts:

3 left

💡 Hint

Common Mistakes

Using 'clearCookie' which clears only one cookie instead of all.

Using non-existent commands like 'clearAllCookies'.

The cy.clearCookie() command clears a specific cookie, but to clear all cookies, cy.clearCookies() is used. Since the blank expects the exact command to clear cookies before each test, clearCookies is the correct choice.

2fill in blank

medium

Complete the code to reset the database state before each test using a custom Cypress task.

Cypress

beforeEach(() => { cy.task('[1]') })

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

AclearDb

BcleanDatabase

CresetDb

DresetDatabase

Attempts:

3 left

💡 Hint

Common Mistakes

Using incorrect task names that are not defined in Cypress plugins.

Confusing task names with commands.

The custom Cypress task to reset the database is often named resetDb. This task is called before each test to ensure a clean database state, which is essential for test isolation.

3fill in blank

hard

Fix the error in the code to properly isolate tests by clearing local storage before each test.

Cypress

beforeEach(() => { cy.[1]() })

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

AclearLocalStorageItem

BclearLocalStorages

CclearLocalStorageCache

DclearLocalStorage

Attempts:

3 left

💡 Hint

Common Mistakes

Using plural or incorrect command names that do not exist.

Trying to clear local storage with commands meant for cookies.

The correct Cypress command to clear local storage is cy.clearLocalStorage(). Other options are invalid commands and will cause errors.

4fill in blank

hard

Fill both blanks to isolate tests by resetting the server state and clearing cookies before each test.

Cypress

beforeEach(() => { cy.task('[1]'); cy.[2]() })

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

AresetDb

BclearCookie

CclearCookies

DresetServer

Attempts:

3 left

💡 Hint

Common Mistakes

Using clearCookie which clears only one cookie.

Using undefined tasks like resetServer.

To isolate tests, we reset the database state with the resetDb task and clear all cookies with cy.clearCookies() before each test.

5fill in blank

hard

Fill all three blanks to create a test isolation setup that resets the database, clears local storage, and clears cookies before each test.

Cypress

beforeEach(() => { cy.task('[1]'); cy.[2](); cy.[3]() })

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

AresetDb

BclearLocalStorage

CclearCookies

DresetServer

Attempts:

3 left

💡 Hint

Common Mistakes

Using incorrect or undefined commands for clearing storage.

Mixing up the order of commands.

This setup ensures test isolation by resetting the database with resetDb, clearing local storage with clearLocalStorage(), and clearing all cookies with clearCookies() before each test.