Data cleanup approaches in Cypress - Test Execution Trace

Test Overview

This test verifies that after creating a new user via the UI, the test cleans up by deleting the user to keep the test environment clean.

Test Code - Cypress

Cypress

describe('User creation and cleanup', () => {
  it('creates a user and deletes it after test', () => {
    // Visit user creation page
    cy.visit('/users/new')

    // Fill user form
    cy.get('[data-cy=username]').type('testuser123')
    cy.get('[data-cy=email]').type('[e-mail]')
    cy.get('[data-cy=submit]').click()

    // Verify user is created
    cy.contains('User created successfully').should('be.visible')

    // Cleanup: delete the created user
    cy.visit('/users')
    cy.contains('testuser123').parent().find('[data-cy=delete]').click()
    cy.on('window:confirm', () => true) // Confirm deletion

    // Verify user is deleted
    cy.contains('testuser123').should('not.exist')
  })
})

Execution Trace - 10 Steps

Step	Action	System State	Assertion	Result
1	Test starts	Test runner initialized, browser ready	—	PASS
2	Browser opens and navigates to '/users/new'	User creation page loaded with form fields	URL contains '/users/new'	PASS
3	Find username input and type 'testuser123'	Username field filled with 'testuser123'	Input value is 'testuser123'	PASS
4	Find email input and type '[e-mail]'	Email field filled with '[e-mail]'	Input value is '[e-mail]'	PASS
5	Find submit button and click	Form submitted, page processing	—	PASS
6	Verify success message 'User created successfully' is visible	Success message displayed on page	Message 'User created successfully' is visible	PASS
7	Navigate to '/users' page to manage users	Users list page loaded	URL contains '/users'	PASS
8	Find user row containing 'testuser123' and click delete button	Delete confirmation dialog appears	Delete button found for user 'testuser123'	PASS
9	Confirm deletion in browser dialog	User deletion processed	—	PASS
10	Verify user 'testuser123' no longer exists in users list	User 'testuser123' removed from list	User 'testuser123' is not found on page	PASS

Failure Scenario

Failing Condition: User creation fails or user deletion does not remove the user

Execution Trace Quiz - 3 Questions

What does the test do after creating the user?

A Logs out of the application

B Deletes the created user to clean up

C Creates another user

D Refreshes the page

Key Result

Always clean up test data after creating it to keep the test environment stable and avoid side effects on other tests.

Practice

1. Why is data cleanup important in Cypress tests?

easy

A. It makes tests run slower

B. It increases the number of test failures

C. It keeps tests independent and reliable

D. It removes the need for assertions

Solution

1. Step 1: Understand test independence

   Tests should not depend on data left by previous tests to avoid false results.

2. Step 2: Recognize reliability benefits

   Cleaning data ensures each test starts fresh, making results trustworthy.

3. Final Answer:

   It keeps tests independent and reliable -> Option C

4. Quick Check:

   Data cleanup = test independence and reliability [OK]

Hint: Data cleanup ensures fresh start for each test [OK]

Common Mistakes:

• Thinking cleanup slows tests
• Believing cleanup causes more failures
• Assuming cleanup removes assertions

2. Which Cypress hook is best to use for cleaning test data after each test?

easy

A. afterEach

B. beforeEach

C. before

D. after

Solution

1. Step 1: Identify hooks for cleanup timing

   afterEach runs after every test, ideal for cleanup after each test.

2. Step 2: Compare other hooks

   before and beforeEach run before tests; after runs once after all tests.

3. Final Answer:

   afterEach -> Option A

4. Quick Check:

   Cleanup after each test = afterEach [OK]

Hint: Use afterEach to clean after every test [OK]

Common Mistakes:

• Using before for cleanup
• Confusing beforeEach with cleanup hook
• Using after which runs only once

3. What will happen if you use this code snippet in Cypress?

after(() => {
  cy.request('DELETE', '/api/test-data')
})

medium

A. Test data is never cleaned

B. Test data is cleaned once after all tests finish

C. Test data is cleaned after each test

D. Test data is cleaned before each test

Solution

1. Step 1: Understand after hook behavior

   after runs once after all tests in the suite complete.

2. Step 2: Analyze the API request timing

   The DELETE request runs only once after all tests, cleaning data once at the end.

3. Final Answer:

   Test data is cleaned once after all tests finish -> Option B

4. Quick Check:

   after = cleanup once after all tests [OK]

Hint: after runs once after all tests finish [OK]

Common Mistakes:

• Thinking after runs after each test
• Confusing after with afterEach
• Assuming cleanup runs before tests

4. You wrote this code to clean test data after each test:

afterEach(() => {
  cy.request('DELETE', '/api/test-data')
})

But test data is not cleaned properly. What is the likely problem?

medium

A. The API endpoint URL might be incorrect or unavailable

B. The afterEach hook is not supported in Cypress

C. You should use beforeEach instead of afterEach

D. The DELETE method is not allowed in HTTP

Solution

1. Step 1: Verify afterEach hook validity

   afterEach is valid and commonly used for cleanup in Cypress.

2. Step 2: Check API request issues

   If data is not cleaned, the DELETE request may fail due to wrong URL or server issues.

3. Final Answer:

   The API endpoint URL might be incorrect or unavailable -> Option A

4. Quick Check:

   Failed cleanup often means API endpoint problem [OK]

Hint: Check API URL if cleanup fails [OK]

Common Mistakes:

• Thinking afterEach is unsupported
• Using wrong HTTP method assumptions
• Switching hooks unnecessarily

5. You want to ensure test data is cleaned efficiently before and after each test in Cypress. Which approach is best?

hard

A. Manually delete data in each test without hooks

B. Use only before hook to clean data once before all tests

C. Use after hook to clean data once after all tests finish

D. Use beforeEach to create data and afterEach to delete data via API requests

Solution

1. Step 1: Understand test data lifecycle

   Creating data before each test and cleaning after each test keeps tests isolated and reliable.

2. Step 2: Use API requests in hooks

   API calls in beforeEach and afterEach efficiently manage test data per test.

3. Final Answer:

   Use beforeEach to create data and afterEach to delete data via API requests -> Option D

4. Quick Check:

   Setup and cleanup per test = beforeEach + afterEach [OK]

Hint: Use beforeEach and afterEach with API calls [OK]

Common Mistakes:

• Cleaning data only once before or after all tests
• Not using hooks for cleanup
• Manually deleting data inside tests