scriptoriumadmin/litellm
1
0
Fork 0
mirror of https://github.com/BerriAI/litellm.git synced 2026-10-03 02:22:24 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 80

fix(ui): update SidebarUsageCard tests for collapsed default state

Browse source 
Three tests assumed defaultOpen, query meters without first opening
the panel. Each test now clicks the trigger to expand before asserting
meter content.
This commit is contained in:
KenEzekiel 2026-09-17 08:34:37 +07:00
parent efbbb4a9a7
commit e2e07a1099
1 changed files with 10 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
ui/litellm-dashboard/src/components/SidebarUsageCard.test.tsx
View file

@ -67,11 +67,14 @@ describe("SidebarUsageCard", () => {
});
it("renders an expanded seat meter reporting value and range when data loads", async () => {
const user = userEvent.setup();
const { container } = renderWithClient(
<SidebarUsageCard accessToken="token" collapsed={false} onExpandRail={() => {}} />,
);
await screen.findByText("Enterprise usage");
// Card starts collapsed by default — open it first
await user.click(await screen.findByRole("button", { name: /Enterprise usage/i }));
const meter = await screen.findByRole("meter");
expect(meter).toHaveAttribute("aria-valuenow", "20");
expect(meter).toHaveAttribute("aria-valuemax", "100");
@ -85,6 +88,8 @@ describe("SidebarUsageCard", () => {
const user = userEvent.setup();
renderWithClient(<SidebarUsageCard accessToken="token" collapsed={false} onExpandRail={() => {}} />);
// Card starts collapsed — open it, then collapse it
await user.click(await screen.findByRole("button", { name: /Enterprise usage/i }));
await screen.findByRole("meter");
await user.click(screen.getByRole("button", { name: /Enterprise usage/i }));
@ -93,11 +98,15 @@ describe("SidebarUsageCard", () => {
it("flags over-limit usage with a destructive, capped indicator", async () => {
mockGetRemainingUsers.mockResolvedValue(OVER_LIMIT_DATA);
const user = userEvent.setup();
const { container } = renderWithClient(
<SidebarUsageCard accessToken="token" collapsed={false} onExpandRail={() => {}} />,
);
// Card starts collapsed — open it first
await user.click(await screen.findByRole("button", { name: /Enterprise usage/i }));
await screen.findByRole("meter");
const indicator = container.querySelector('[data-slot="meter-indicator"]');
expect(indicator).toHaveClass("bg-destructive");