test: integration test for logs search with selected field

Author: msmithstubbs

lib/logflare_web/live/search_live/log_event_components.ex

@@ -148,7 +148,7 @@ defmodule LogflareWeb.SearchLive.LogEventComponents do
 
   def selected_fields(assigns) do
     ~H"""
-    <div>
+    <div id={["log-", @log_event.id, "-selected-fields"]}>
       <%= for field <- @select_fields do %>
         <div class="tw-text-neutral-200 tw-ml-52 last:tw-mb-2">
           <span class="">{field.display}:</span>

test/logflare_web/live/search_live/logs_search_lv_test.exs

@@ -574,6 +574,34 @@ defmodule LogflareWeb.Source.SearchLVTest do
       assert link =~ ~r/phx-value-lql="\w+/
     end
 
+    test "log event selected fields", %{conn: conn, source: source} do
+      stub(GoogleApi.BigQuery.V2.Api.Jobs, :bigquery_jobs_query, fn _conn, _proj_id, _opts ->
+        {:ok,
+         TestUtils.gen_bq_response(%{
+           "event_message" => "some event message",
+           "testing" => "modal123",
+           "user_id" => "user-abc-123",
+           "id" => "some-uuid"
+         })}
+      end)
+
+      {:ok, view, _html} =
+        live(conn, ~p"/sources/#{source.id}/search?#{%{querystring: "s:user.id"}}")
+
+      %{executor_pid: search_executor_pid} = get_view_assigns(view)
+      Ecto.Adapters.SQL.Sandbox.allow(Logflare.Repo, self(), search_executor_pid)
+
+      view
+      |> TestUtils.wait_for_render("#logs-list")
+
+      assert view |> element("#logs-list-container") |> render() =~
+               "some event message"
+
+      html = view |> element("#logs-list-container #log-some-uuid-selected-fields") |> render()
+      assert html =~ "user.id:"
+      assert html =~ "user-abc-123"
+    end
+
     test "log event modal", %{conn: conn, user: user} do
       schema = TestUtils.build_bq_schema(%{"testing" => "string"})
       source = insert(:source, user: user)