feat(member): bring the overview table up to WCAG 2.2 AA
This commit is contained in:
parent
0c375234c8
commit
c2cb3edab8
6 changed files with 91 additions and 39 deletions
|
|
@ -1,8 +1,10 @@
|
|||
defmodule MvWeb.MemberLive.IndexStickyPinnedTest do
|
||||
@moduledoc """
|
||||
§1.19 — When the table scrolls vertically and horizontally, the header stays
|
||||
sticky and the identifier (Name) column stays pinned; overflowing cell content
|
||||
truncates with ellipsis and exposes a hover/focus tooltip.
|
||||
sticky. Horizontal pinning is limited to the checkbox column (with a scroll
|
||||
fade marking the boundary) rather than also pinning the Name column;
|
||||
overflowing cell content truncates with ellipsis and exposes a hover/focus
|
||||
tooltip.
|
||||
"""
|
||||
use MvWeb.ConnCase, async: false
|
||||
|
||||
|
|
@ -30,16 +32,18 @@ defmodule MvWeb.MemberLive.IndexStickyPinnedTest do
|
|||
%{conn: conn_with_oidc_user(conn)}
|
||||
end
|
||||
|
||||
test "header is sticky and the identifier column is pinned", %{conn: conn} do
|
||||
test "header is sticky and only the checkbox column is pinned", %{conn: conn} do
|
||||
{:ok, _view, html} = live(conn, ~p"/members")
|
||||
|
||||
# Sticky header (desktop).
|
||||
assert html =~ "lg:sticky"
|
||||
assert html =~ "lg:top-0"
|
||||
|
||||
# Checkbox column pinned at left-0, identifier (Name) column pinned beside it.
|
||||
# Only the checkbox column is pinned (left-0) now; a scroll fade marks the
|
||||
# boundary instead of also pinning the Name column at left-12.
|
||||
assert html =~ "left-0"
|
||||
assert html =~ "left-12"
|
||||
assert html =~ "sticky-first-col-th"
|
||||
refute html =~ "left-12"
|
||||
end
|
||||
|
||||
test "composite cells truncate and expose a tooltip via title", %{conn: conn} do
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue