fix(a11y): close cross-app interaction gaps
This commit is contained in:
@@ -74,3 +74,31 @@ test("shows build metadata only when the caller supplies the admin-only badge",
|
||||
|
||||
expect(screen.queryByTestId("admin-version-badge")).not.toBeInTheDocument();
|
||||
});
|
||||
|
||||
test("shell icon controls expose accessible names", () => {
|
||||
render(
|
||||
<CssVarsProvider theme={getTheme("light") as any} defaultMode="light">
|
||||
<I18nProvider>
|
||||
<AppShell
|
||||
pageTitle="Dashboard"
|
||||
breadcrumbs={["Home"]}
|
||||
pathname="/dashboard"
|
||||
nav={[]}
|
||||
navBottom={[]}
|
||||
onNavigate={() => undefined}
|
||||
onToggleDrawer={() => undefined}
|
||||
drawerOpen={false}
|
||||
onOpenSettings={() => undefined}
|
||||
user={{ userName: "Ada", roleLabel: "Administrator" }}
|
||||
>
|
||||
<div>Content</div>
|
||||
</AppShell>
|
||||
</I18nProvider>
|
||||
</CssVarsProvider>,
|
||||
);
|
||||
|
||||
expect(screen.getByRole("button", { name: "Collapse sidebar" })).toBeInTheDocument();
|
||||
expect(screen.getByRole("button", { name: "Notifications" })).toBeInTheDocument();
|
||||
expect(screen.getByRole("button", { name: "Settings" })).toBeInTheDocument();
|
||||
expect(screen.getByRole("button", { name: "User" })).toBeInTheDocument();
|
||||
});
|
||||
|
||||
Reference in New Issue
Block a user