Run these commands in your terminal

In this lesson, we'll test the delete event functionality through the user interface.

Testing the Delete Operation

Before testing the delete functionality in the browser, we should ensure our application compiles correctly:

User Interface Elements

The delete functionality appears as a delete button in the bottom right corner of each event card.

When clicked, it triggers a confirmation dialog to prevent accidental deletions:

• The dialog displays the event name and asks for confirmation
• Users can choose to cancel (which closes the dialog) or continue with the deletion

Network Communication

To observe the backend communication, open your browser's developer tools and select the Network tab.

When deleting an event:

1. The frontend sends a DELETE request to /api/v1/events/{eventId}
2. The server responds with HTTP status code 204 (No Content) on success
3. The UI automatically refreshes to show the updated list of events

Summary

• Tested the delete event functionality works in the frontend