Event Log Tab

This tab shows all the events fired. The event graph helps you to understand the sequence of events and handlers for one or more actions.
Event Log tab

Record Events

Use the Toggle recording Toggle recording icon and Clear Clear icon buttons to capture specific user actions or collections of user actions.

  1. To start gathering event data, press Toggle recording icon.
  2. Take one or more actions in the app.
  3. To stop gathering event data, press Stop recording icon.

View Event Details

Expand an event to see more details. In the call stack, click an event handler (for example, c.handleDataChange) to see where it’s defined in code. The handler in the yellow row is the most current.

event details

Filter the List of Events

By default, both application and component events are shown. You can hide or show both types of events by toggling the App Events and Cmp Events buttons.

Enter a search string in the Filter field to match any substring.

Invert the filter by starting the search string with !. For example, !aura returns all events that don’t contain the string aura.

Show Unhandled Events

Show events that are fired but are not handled. Unhandled events aren't listed by default but can be useful to see during development.

View Graph of Events

Expand an event to see more details. Click the Toggle Grid button to generate a network graph showing the events fired before and after this event, and the components handling those events. Event-driven programming can be confusing when a cacophony of events explode. The event graph helps you to join the dots and understand the sequence of events and handlers.

event graph

The graph is color coded.

  • Black—The current event
  • Maroon—A controller action
  • Blue—Another event fired before or after the current event