fix(test): stabilize mobile sidebar visual regression test

Co-authored-by: PR0M3TH3AN <[email protected]>
This commit is contained in:
google-labs-jules[bot]andPR0M3TH3AN committed 2026-01-28 16:25:28 +00:00
1 parent 8e2e641e07
commit e2ea65b087
1 file changed
+16 -4
+16 -4
View File
@@ -130,12 +130,24 @@ test.describe("overlay layering tokens", () => {
await expect(collapseToggle).toHaveAttribute("data-state", /.*/);
await collapseToggle.click({ force: true });
await page.waitForFunction(() =>
document.getElementById("sidebar")?.classList.contains("sidebar-expanded")
);
await page.waitForFunction(() => {
const sidebar = document.getElementById("sidebar");
return (
sidebar?.classList.contains("sidebar-expanded") &&
!sidebar?.classList.contains("sidebar-collapsed")
);
});
// Wait for sidebar transition to complete
await page.waitForTimeout(500);
await page.waitForTimeout(1000);
// Ensure the footer button is scrolled into view (especially for mobile viewports)
await page.evaluate(() => {
const sidebar = document.getElementById("sidebar");
if (sidebar) {
sidebar.scrollTop = sidebar.scrollHeight;
}
});
const expandedLayout = await page.evaluate(() => {
const sidebar = document.getElementById("sidebar");