mirror of
https://github.com/PR0M3TH3AN/bitvid.git
synced 2026-11-02 10:52:27 +00:00
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.
27 lines
918 B
TypeScript
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);
|
|
});
|