defmodule BDS.Desktop.ShellLiveTest do use ExUnit.Case, async: false import Phoenix.ConnTest import Phoenix.LiveViewTest alias BDS.Persistence alias BDS.Posts alias BDS.Posts.Post alias BDS.Projects alias BDS.Repo alias BDS.Tags @endpoint BDS.Desktop.Endpoint setup do :ok = Ecto.Adapters.SQL.Sandbox.checkout(BDS.Repo) Ecto.Adapters.SQL.Sandbox.mode(BDS.Repo, {:shared, self()}) temp_dir = Path.join(System.tmp_dir!(), "bds-shell-live-#{System.unique_integer([:positive])}") File.mkdir_p!(temp_dir) on_exit(fn -> File.rm_rf(temp_dir) end) {:ok, project} = Projects.create_project(%{name: "Shell Project", data_path: temp_dir}) {:ok, _project} = Projects.set_active_project(project.id) %{project: project, temp_dir: temp_dir} end test "shell live owns pane visibility and activity selection on the server" do {:ok, view, html} = live_isolated(build_conn(), BDS.Desktop.ShellLive) assert html =~ ~s(data-testid="sidebar-shell") assert html =~ ~s(data-testid="status-bar") assert html =~ ~s(data-testid="status-task-button") assert html =~ ~s(class="panel-shell is-hidden") assert html =~ ~s(data-testid="activity-button") assert html =~ ~s(data-view="posts") assert html =~ ~s(data-view="media") assert html =~ ~s(aria-label="Posts") html = view |> element("[data-testid='toggle-sidebar']") |> render_click() assert html =~ ~s(class="sidebar-shell is-hidden") html = view |> element("[data-testid='toggle-panel']") |> render_click() assert html =~ ~s(data-region="panel") refute html =~ ~s(class="panel-shell is-hidden") assert html =~ ~s(data-testid="panel-close") html = view |> element("[data-testid='panel-close']") |> render_click() assert html =~ ~s(class="panel-shell is-hidden") html = view |> element("[data-testid='activity-button'][data-view='media']") |> render_click() assert html =~ ~s(aria-label="Media") assert html =~ ~s(data-view="media") html = view |> element("[data-testid='activity-button'][data-view='settings']") |> render_click() assert html =~ ~s(data-testid="sidebar-open-item") html = view |> element("[data-testid='sidebar-open-item'][data-item-id='settings-project']") |> render_click() assert html =~ ~s(data-tab-type="settings") assert html =~ ">Settings<" html = view |> element("[data-testid='tab-close'][data-tab-type='settings'][data-tab-id='settings']") |> render_click() refute html =~ ~s(data-tab-type="settings") assert html =~ ~s(class="tab-bar-empty") end test "sidebar open supports preview and pin intents for entity tabs" do {:ok, view, _html} = live_isolated(build_conn(), BDS.Desktop.ShellLive) html = render_click(view, "open_sidebar_item", %{ "route" => "post", "id" => "post-1", "title" => "First Post", "subtitle" => "draft" }) assert html =~ ~s(data-tab-type="post") assert html =~ ~s(data-tab-id="post-1") assert html =~ ~s(class="tab active transient") html = render_click(view, "pin_sidebar_item", %{ "route" => "post", "id" => "post-1", "title" => "First Post", "subtitle" => "draft" }) assert html =~ ~s(data-tab-id="post-1") refute html =~ ~s(class="tab active transient") html = render_click(view, "open_sidebar_item", %{ "route" => "post", "id" => "page-1", "title" => "About Page", "subtitle" => "page" }) assert html =~ ~s(data-tab-id="post-1") assert html =~ ~s(data-tab-id="page-1") assert String.contains?(html, ">First Post<") assert String.contains?(html, ">About Page<") _html = render_click(view, "pin_sidebar_item", %{ "route" => "media", "id" => "media-1", "title" => "hero.png", "subtitle" => "12 KB" }) html = render_click(view, "open_sidebar_item", %{ "route" => "media", "id" => "media-2", "title" => "cover.png", "subtitle" => "8 KB" }) assert html =~ ~s(data-tab-id="media-1") assert html =~ ~s(data-tab-id="media-2") assert String.contains?(html, ">hero.png<") assert String.contains?(html, ">cover.png<") end test "global shortcuts route through the shared command model" do {:ok, view, html} = live_isolated(build_conn(), BDS.Desktop.ShellLive) assert html =~ ~s(data-testid="sidebar-shell") assert html =~ ~s(class="panel-shell is-hidden") html = render_keydown(view, "shortcut", %{key: "b", meta: true}) assert html =~ ~s(class="sidebar-shell is-hidden") html = render_keydown(view, "shortcut", %{key: "j", meta: true}) refute html =~ ~s(class="panel-shell is-hidden") html = render_keydown(view, "shortcut", %{key: "2", meta: true}) assert html =~ ~s(data-view="media") html = render_click(view, "pin_sidebar_item", %{ "route" => "media", "id" => "media-1", "title" => "hero.png", "subtitle" => "12 KB" }) assert html =~ ~s(data-tab-id="media-1") html = render_keydown(view, "shortcut", %{key: "w", meta: true}) refute html =~ ~s(data-tab-id="media-1") end test "hiding the sidebar collapses its width to zero" do {:ok, view, html} = live_isolated(build_conn(), BDS.Desktop.ShellLive) assert html =~ ~s(data-testid="sidebar-shell") assert html =~ ~s(style="width: 280px;") html = view |> element("[data-testid='toggle-sidebar']") |> render_click() assert html =~ ~s(class="sidebar-shell is-hidden") assert html =~ ~s(style="width: 0px;") end test "layout hooks sync persisted widths and apply drag resizing" do {:ok, view, html} = live_isolated(build_conn(), BDS.Desktop.ShellLive) assert html =~ ~s(style="width: 280px;") html = render_hook(view, "sync_layout", %{"sidebar_width" => 420, "assistant_sidebar_width" => 480}) assert html =~ ~s(data-testid="sidebar-shell") assert html =~ ~s(style="width: 420px;") html = view |> element("[data-testid='toggle-assistant']") |> render_click() assert html =~ ~s(data-testid="assistant-shell") assert html =~ ~s(style="width: 480px;") html = render_hook(view, "resize_panel", %{"target" => "sidebar", "width" => 460}) assert html =~ ~s(data-testid="sidebar-shell") assert html =~ ~s(style="width: 460px;") end test "sidebar filters and load more are server-driven", %{project: project} do seed_sidebar_posts(project.id) assert {:ok, _tag} = Tags.create_tag(%{project_id: project.id, name: "tech", color: "#112233"}) {:ok, view, html} = live_isolated(build_conn(), BDS.Desktop.ShellLive) assert html =~ ~s(data-testid="sidebar-search-form") assert html =~ ~s(data-testid="sidebar-filter-toggle") assert html =~ ~s(class="sidebar-section-header") assert html =~ ~s(class="sidebar-actions") assert html =~ ~s(data-testid="sidebar-load-more") assert html_position(html, ~s(data-testid="sidebar-load-more")) > html_position(html, ">Archived<") refute html =~ ~s(data-testid="sidebar-filter-tag") assert html =~ "Alpha Post" refute html =~ "Overflow Post" html = view |> element("[data-testid='sidebar-filter-toggle']") |> render_click() assert html =~ ~s(class="calendar-header collapsible-header collapsed") assert html =~ ~s(class="filter-header collapsible-header collapsed") refute html =~ ~s(class="calendar-year-header") refute html =~ ~s(data-testid="sidebar-filter-tag") html = view |> element("[data-testid='sidebar-filter-tags-header']") |> render_click() assert html =~ ~s(class="filter-chip has-color") assert html =~ ~s(data-testid="sidebar-filter-tag") html = view |> form("[data-testid='sidebar-search-form']", %{sidebar_filters: %{search: "Alpha"}}) |> render_change() assert html =~ "Alpha Post" refute html =~ ~s(data-open-title="Beta Post") html = view |> element("[data-testid='sidebar-clear-search']") |> render_click() assert html =~ "Beta Post" html = view |> element("[data-testid='sidebar-filter-tag'][data-filter-tag='tech']") |> render_click() assert html =~ "Alpha Post" refute html =~ ~s(data-open-title="Beta Post") html = view |> element("[data-testid='sidebar-clear-filters']") |> render_click() assert html =~ "Beta Post" html = view |> element("[data-testid='sidebar-load-more']") |> render_click() assert html =~ "Overflow Post" end test "project switcher, ui language, dashboard recents, and output log are wired", %{temp_dir: temp_dir} do {:ok, other_project} = Projects.create_project(%{name: "Second Blog", data_path: Path.join(temp_dir, "second")}) {:ok, recent_post} = Posts.create_post(%{project_id: other_project.id, title: "Recent Shell Post", content: "body"}) {:ok, view, html} = live_isolated(build_conn(), BDS.Desktop.ShellLive) assert html =~ "Shell Project" refute html =~ "Second Blog" html = view |> element("[data-testid='project-selector-trigger']") |> render_click() assert html =~ ~s(data-testid="project-dropdown") assert html =~ "Second Blog" html = view |> element("[data-testid='project-item'][data-project-id='#{other_project.id}']") |> render_click() assert html =~ "Second Blog" html = view |> form("[data-testid='status-language-form']", %{ui_language: "de"}) |> render_change() assert html =~ "Beiträge durchsuchen..." html = view |> element("[data-testid='recent-post-item'][data-post-id='#{recent_post.id}']") |> render_click() assert html =~ ~s(data-tab-type="post") assert html =~ ~s(data-tab-id="#{recent_post.id}") assert html =~ "Recent Shell Post" html = render_click(view, "select_panel_tab", %{"tab" => "output"}) assert html =~ "Activated Second Blog" end test "task button opens tasks and post panels render real link and git data", %{project: project, temp_dir: temp_dir} do {:ok, target} = Posts.create_post(%{project_id: project.id, title: "Target Post", content: "target body"}) {:ok, target} = Posts.publish_post(target.id) target_href = canonical_post_href(target) {:ok, source} = Posts.create_post(%{project_id: project.id, title: "Linking Source", content: "See [Target](#{target_href})"}) {:ok, source} = Posts.publish_post(source.id) :ok = Posts.rebuild_post_links(project.id) init_git_repo!(temp_dir, "Add published posts") {:ok, view, _html} = live_isolated(build_conn(), BDS.Desktop.ShellLive) html = render_click(view, "pin_sidebar_item", %{ "route" => "post", "id" => target.id, "title" => "Target Post", "subtitle" => "published" }) assert html =~ "Target Post" html = render_click(view, "select_panel_tab", %{"tab" => "post_links"}) assert html =~ "Backlinks" assert html =~ source.title html = render_click(view, "select_panel_tab", %{"tab" => "git_log"}) assert html =~ "Add published posts" html = render_click(view, "select_panel_tab", %{"tab" => "output"}) refute html =~ ~s(class="panel-shell is-hidden") html = view |> element("[data-testid='status-task-button']") |> render_click() refute html =~ ~s(class="panel-shell is-hidden") assert html =~ ~s(