Ui Testing

In this lesson, we'll test the ticket validation functionality through the user interface.

Testing QR Code Validation

QR code validation allows staff members to quickly scan and validate attendee tickets using their device's camera.

Let's start by testing the QR code scanning functionality:

• Log in as an attendee in one browser window to display the ticket
• Log in as staff in another browser window to access the validation page
• Use the network panel in the browser's developer tools to monitor the API calls

When scanning the same QR code twice, we should observe:

• First scan: Returns "valid" status with a green checkmark
• Second scan: Returns "invalid" status with a red cross (as tickets can only be validated once)

Testing Manual Validation

Manual validation provides a fallback method when QR code scanning isn't possible or practical.

To test manual validation:

• Copy the ticket ID from the attendee's ticket
• Navigate to the manual input section on the validation page
• Enter the ticket ID and submit
• Verify the response in both the UI and network panel

Summary

• Tested the ticket validation functionality through the UI