Simon
8e5dd7e4c6
Dropdown openers were visually indistinguishable from ordinary buttons. A trailing chevron now marks every dropdown trigger — both the shared dropdown_menu component and the bespoke member-filter trigger — and an optional badge slot lets a trigger show a status indicator beside its label.
29 lines
1.1 KiB
Elixir
29 lines
1.1 KiB
Elixir
defmodule MvWeb.Components.FieldVisibilityDropdownComponentTest do
|
|
use MvWeb.ConnCase, async: true
|
|
import Phoenix.LiveViewTest
|
|
|
|
describe "field visibility dropdown in member view" do
|
|
test "renders and toggles visibility", %{conn: conn} do
|
|
conn = conn_with_oidc_user(conn)
|
|
{:ok, view, _html} = live(conn, ~p"/members")
|
|
|
|
# Renders Dropdown
|
|
assert has_element?(view, "[data-testid='dropdown-menu']")
|
|
|
|
# Opens Dropdown
|
|
view |> element("[data-testid='dropdown-button']") |> render_click()
|
|
assert has_element?(view, "#field-visibility-menu")
|
|
assert has_element?(view, "button[phx-click='select_item'][phx-value-item='email']")
|
|
assert has_element?(view, "button[phx-click='select_all']")
|
|
assert has_element?(view, "button[phx-click='select_none']")
|
|
end
|
|
|
|
test "trigger carries a trailing chevron affordance", %{conn: conn} do
|
|
conn = conn_with_oidc_user(conn)
|
|
{:ok, _view, html} = live(conn, ~p"/members")
|
|
|
|
# The shared dropdown trigger signals "opens a menu" with a trailing chevron.
|
|
assert html =~ "hero-chevron-down"
|
|
end
|
|
end
|
|
end
|