mirror of
https://github.com/BerriAI/litellm.git
synced 2026-09-30 01:52:18 +00:00
cc258b5473
The consolidated popup test only asserted the options never cover the trigger, so opening above the trigger with room below it, the regression PR #38554 fixed, would have passed. Split it back into a below-trigger case and a cramped-viewport case. The header test accepted a single pixel of vertical intersection; require the refresh control's centre to sit within the tab row instead.
31 lines
1.1 KiB
TypeScript
31 lines
1.1 KiB
TypeScript
import { expect, test } from "@playwright/test";
|
|
import { ADMIN_STORAGE_PATH } from "../../constants";
|
|
|
|
test.describe("Models and Endpoints responsive header", () => {
|
|
test.use({
|
|
storageState: ADMIN_STORAGE_PATH,
|
|
viewport: { width: 900, height: 720 },
|
|
});
|
|
|
|
test("keeps the refresh action on the same row as the tabs", async ({ page }) => {
|
|
await page.goto("/ui");
|
|
await page
|
|
.getByRole("complementary")
|
|
.getByRole("link", { name: "Models + Endpoints" })
|
|
.click();
|
|
|
|
const tabs = page.getByRole("tablist");
|
|
const refresh = page.getByRole("button", { name: "Refresh models" });
|
|
await expect(tabs).toBeVisible();
|
|
await expect(refresh).toBeVisible();
|
|
|
|
const tabsBox = await tabs.boundingBox();
|
|
const refreshBox = await refresh.boundingBox();
|
|
expect(tabsBox).not.toBeNull();
|
|
expect(refreshBox).not.toBeNull();
|
|
|
|
const refreshCenterY = refreshBox!.y + refreshBox!.height / 2;
|
|
const sharesARow = refreshCenterY > tabsBox!.y && refreshCenterY < tabsBox!.y + tabsBox!.height;
|
|
expect(sharesARow, "refresh wrapped onto its own row below the tabs").toBe(true);
|
|
});
|
|
});
|