fix e2e tests

Author: GuzekAlan

.gitignore

@@ -34,3 +34,5 @@ node_modules/
 /priv/static/dev/
 
 devtools_*
+
+screenshots/

lib/live_debugger_web/components/navbar.ex

@@ -109,13 +109,14 @@ defmodule LiveDebuggerWeb.Components.Navbar do
   Component for displaying the connection status of a LiveView.
   When button is clicked, it will trigger a `find-successor` event with the PID of the LiveView.
   """
+  attr(:id, :string, required: true)
   attr(:connected?, :boolean, required: true, doc: "Whether LiveView is connected.")
   attr(:pid, :string, required: true, doc: "The PID of the LiveView.")
   attr(:rest, :global)
 
   def connected(assigns) do
     ~H"""
-    <div class="flex items-center gap-1 text-xs text-primary">
+    <div id={@id} class="flex items-center gap-1 text-xs text-primary">
       <.status_icon connected?={@connected?} />
       <%= if @connected? do %>
         <span class="font-medium">Monitored PID </span>

lib/live_debugger_web/endpoint.ex

@@ -18,22 +18,31 @@ defmodule LiveDebuggerWeb.Endpoint do
   plug(Plug.Static, from: {:phoenix, "priv/static"}, at: "/assets/phoenix")
   plug(Plug.Static, from: {:phoenix_live_view, "priv/static"}, at: "/assets/phoenix_live_view")
 
-  if LiveDebugger.Env.dev?() do
-    plug(Plug.Static,
-      at: "/assets/live_debugger",
-      from: {:live_debugger, "priv/static/dev"},
-      gzip: false
-    )
-
-    socket("/phoenix/live_reload/socket", Phoenix.LiveReloader.Socket)
-    plug(Phoenix.LiveReloader)
-    plug(Phoenix.CodeReloader)
-  else
-    plug(Plug.Static,
-      at: "/assets/live_debugger",
-      from: {:live_debugger, "priv/static"},
-      gzip: false
-    )
+  cond do
+    LiveDebugger.Env.dev?() ->
+      plug(Plug.Static,
+        at: "/assets/live_debugger",
+        from: {:live_debugger, "priv/static/dev"},
+        gzip: false
+      )
+
+      socket("/phoenix/live_reload/socket", Phoenix.LiveReloader.Socket)
+      plug(Phoenix.LiveReloader)
+      plug(Phoenix.CodeReloader)
+
+    LiveDebugger.Env.test?() ->
+      plug(Plug.Static,
+        at: "/assets/live_debugger",
+        from: {:live_debugger, "priv/static/dev"},
+        gzip: false
+      )
+
+    true ->
+      plug(Plug.Static,
+        at: "/assets/live_debugger",
+        from: {:live_debugger, "priv/static"},
+        gzip: false
+      )
   end
 
   plug(Plug.Session, @session_options)

lib/live_debugger_web/live/channel_dashboard_live.ex

@@ -36,6 +36,7 @@ defmodule LiveDebuggerWeb.ChannelDashboardLive do
         <Navbar.live_debugger_logo_icon />
         <Navbar.connected
           :if={@lv_process.ok?}
+          id="navbar-connected"
           connected?={@lv_process.result.alive?}
           pid={Parsers.pid_to_string(@lv_process.result.pid)}
         />

test/live_debugger/channel_dashboard_test.exs

@@ -286,7 +286,7 @@ defmodule LiveDebugger.ChannelDashboardTest do
   end
 
   @sessions 2
-  feature "when user navigates in debugged app, debugger reloads properly", %{
+  feature "when user navigates in debugged app, it causes dead view mode", %{
     sessions: [dev_app, debugger]
   } do
     LiveDebugger.GenServers.CallbackTracingServer.ping!()
@@ -306,17 +306,17 @@ defmodule LiveDebugger.ChannelDashboardTest do
     Process.sleep(500)
 
     debugger
-    |> find(css("#info"))
-    |> assert_text("LiveDebuggerDev.LiveViews.Side")
+    |> find(css("#navbar-connected"))
+    |> assert_text("Disconnected")
 
-    dev_app
-    |> click(link("Nested"))
+    debugger
+    |> click(css("button", text: "Continue"))
 
-    Process.sleep(500)
+    Process.sleep(1000)
 
     debugger
     |> find(css("#info"))
-    |> assert_text("LiveDebuggerDev.LiveViews.Nested")
+    |> assert_text("LiveDebuggerDev.LiveViews.Side")
   end
 
   defp first_link(), do: css("#live-sessions a.live-view-link", count: 1)