Ui Testing

In this lesson, we'll test the user interface for updating events in our ticketing platform.

We'll use the browser's development tools to inspect the HTTP requests and responses as we modify an existing event, ensuring our update functionality works correctly.

Testing the Update Event UI

Let's walk through the process of updating an event through the user interface and verify that our endpoint is working correctly.

First, we need to launch our application and navigate to the UI:

• Run mvn clean compile to ensure no issues with MapStruct or Lombok
• Start the Spring Boot application
• Navigate to the organizer's landing page
• Log in with organizer credentials
• Click through to the list events page

When viewing an existing event with complete information (dates, venue, ticket types), clicking the edit button shows us the edit event page populated with current event data via the GET /api/v1/events/{id} endpoint.

Making Updates

Let's modify various aspects of the event to test our update functionality:

• Update the event name by adding "updated" suffix
• Adjust event dates and times
• Modify venue information
• Change ticket sales period
• Update existing ticket type details
• Add a new ticket type

Verifying the Update

After the update, we can verify the changes by returning to the edit page and examining the fresh GET request, confirming all our modifications were saved correctly.

Summary

• Tested the event update functionality in the user interface