Excessibility Debug - Timeline & State Analysis

Debug LiveView issues by inspecting state evolution and rendered HTML.

Tools

• Timeline - Shows state at mount, handle_event, render
• Snapshots - Captured HTML at specific moments
• Analyzers - Memory, hypothesis, code pointers

Four-Phase Debug Process

Phase 1: Capture with Snapshots

Add temporary html_snapshot(view) calls around the problem area:

test "debugging problematic feature" do
  {:ok, view, _html} = live(conn, "/page")