Skip to content

API Interaction Page

How to use this page for testing:

  • Each section mocks a different REST API interaction: GET, POST, PUT, DELETE.
  • Test UI states: loading, success, error, and empty states.
  • All fields and buttons have data-testid attributes for automation (Cypress, Playwright, Selenium, etc.).
  • No real network requests are sent; all logic is simulated for UI and automation testing.
  • Each API interaction is in its own component/file for modularity and testability.

GET Request Mock

Simulates fetching user data from an API.

POST Request Mock

Simulates creating a new user via API.

PUT Request Mock

Simulates updating user data via API.

Current User: Charlie (charlie@example.com)

DELETE Request Mock

Simulates deleting a user via API.

  • Daisy (daisy@example.com)
  • Evan (evan@example.com)
  • Fay (fay@example.com)