mirror of
https://github.com/mauriceboe/TREK.git
synced 2026-10-19 13:36:48 +00:00
Maurice
e870270fb9
In the plan view the tabs that collapse and reopen the left and right
panels gave a screen reader no open or closed state and showed no focus
ring when reached with the keyboard. The same tabs in the tour planner
had both, because only there LeftPanelTab got the "announced" option,
and the plan view's right tab was a hand copy of the left one.
LeftPanelTab becomes PanelTab with a side prop and always sets
aria-expanded and the focus ring. The plan view's right tab renders it
mirrored, so every panel tab shares one component. The offsets are
written with literal left and right keys so lint:rtl still counts them.
The page shrinks by 11 lines.
Red test: FE-PAGE-PLANNER-016b in client/src/pages/TripPlannerPage.test.tsx
failed on the old page with
expect(element).toHaveAttribute("aria-expanded", "true").
FE-PAGE-PLANNER-LEFTTAB-005 covers the mirrored right tab.
Changed assertions (they asserted the missing state):
- TripPlannerPage.leftPanelTab.test.tsx FE-PAGE-PLANNER-LEFTTAB-003:
not.toHaveAttribute('aria-expanded') and not.toHaveClass
('focus-visible:outline') are now toHaveAttribute('aria-expanded',
'true') and toHaveClass('focus-visible:outline') (title updated).
- TripPlannerPage.leftPanelTab.test.tsx FE-PAGE-PLANNER-LEFTTAB-004: the
"announced" prop is dropped from both renders (title updated); the
expectations are unchanged. The file renders PanelTab instead of
LeftPanelTab.
34 lines
1.5 KiB
JSON
34 lines
1.5 KiB
JSON
{
|
|
"e2e/help/fixtures.ts": 2291,
|
|
"src/api/client.ts": 1916,
|
|
"src/components/Admin/AdminPluginsPanel.test.tsx": 2704,
|
|
"src/components/Admin/AdminPluginsPanel.tsx": 1667,
|
|
"src/components/Budget/CostsPanel.test.tsx": 2854,
|
|
"src/components/Budget/CostsPanel.tsx": 1854,
|
|
"src/components/Map/MapView.tsx": 1461,
|
|
"src/components/Map/MapViewGL.test.tsx": 2920,
|
|
"src/components/Map/MapViewGL.tsx": 2549,
|
|
"src/components/Map/RouteCalculator.ts": 1195,
|
|
"src/components/PDF/TripPDF.tsx": 1097,
|
|
"src/components/Planner/DayDetailPanel.test.tsx": 2333,
|
|
"src/components/Planner/DayPlanSidebar.test.tsx": 5403,
|
|
"src/components/Planner/DayPlanSidebar.tsx": 3060,
|
|
"src/components/Planner/PlaceFormModal.test.tsx": 2864,
|
|
"src/components/Planner/PlaceFormModal.tsx": 1250,
|
|
"src/components/Planner/PlaceInspector.tsx": 1308,
|
|
"src/components/Studio/TravelElements.tsx": 1738,
|
|
"src/components/Studio/autoLayout.ts": 1691,
|
|
"src/components/Studio/bookTemplates.data.ts": 1309,
|
|
"src/components/Studio/countryShapes.ts": 2595,
|
|
"src/index.css": 1636,
|
|
"src/mobile/screens/admin/MAdminPluginsPanel.tsx": 1507,
|
|
"src/pages/JourneyDetailPage.test.tsx": 4030,
|
|
"src/pages/LoginPage.tsx": 1348,
|
|
"src/pages/TripPlannerPage.tsx": 1168,
|
|
"src/pages/TripPlannerPage.wiring.test.tsx": 2049,
|
|
"src/pages/atlas/useAtlas.ts": 1287,
|
|
"src/pages/tripPlanner/useTripPlanner.roadtrip.test.tsx": 3531,
|
|
"src/pages/tripPlanner/useTripPlanner.test.tsx": 3309,
|
|
"src/styles/studio.css": 2087
|
|
}
|