Files
bitvid/examples/reproducers/002-sidebar-layout/repro.spec.ts
T
google-labs-jules[bot] bda4a63bc0 feat(ai): add minimal reproducers for known issues (agent)
Add minimal Playwright reproducers for:
- Popover demo 404 error (missing module)
- Sidebar layout regression on mobile
- Video Modal height regression on mobile

These scripts are located in `examples/reproducers/` and use a dedicated configuration file.
2026-01-25 12:24:05 +00:00

27 lines
918 B
TypeScript

import { expect, test } from "@playwright/test";
test("mobile sidebar layout regression", async ({ page }) => {
await page.setViewportSize({ width: 390, height: 844 });
await page.goto("/index.html", { waitUntil: "networkidle" });
// Dismiss disclaimer
await page.evaluate(() => {
window.localStorage?.setItem("hasSeenDisclaimer", "true");
document.getElementById("disclaimerModal")?.remove();
document.documentElement.classList.remove("modal-open");
});
const toggle = page.locator("#sidebarCollapseToggle");
await toggle.click({ force: true });
await expect(page.locator("#sidebar")).toHaveClass(/sidebar-expanded/);
const marginLeft = await page.evaluate(() => {
const app = document.getElementById("app");
return parseFloat(window.getComputedStyle(app!).marginLeft);
});
// It should be 0 on mobile even if expanded (overlay mode).
expect(marginLeft).toBe(0);
});