From f2608caf345c94ad2a3d344fa4085f71fd65ba04 Mon Sep 17 00:00:00 2001
From: Michael Telatynski <7t3chguy@gmail.com>
Date: Tue, 31 Mar 2026 12:32:27 +0100
Subject: [PATCH] Iterate

---
 modules/banner/element-web/e2e/banner.spec.ts | 17 ++++++++++++++++-
 1 file changed, 16 insertions(+), 1 deletion(-)

diff --git a/modules/banner/element-web/e2e/banner.spec.ts b/modules/banner/element-web/e2e/banner.spec.ts
index d60be88334..fd5021e95e 100644
--- a/modules/banner/element-web/e2e/banner.spec.ts
+++ b/modules/banner/element-web/e2e/banner.spec.ts
@@ -153,7 +153,22 @@ test.describe("Banner", () => {
                     // Assert the sidebar looks as we expect
                     await expect(axe).toHaveNoViolations();
                     await expect(sidebar).toMatchAriaSnapshot();
-                    await expect(page).toMatchScreenshot(`${type}_menu.png`);
+                    await expect(page).toMatchScreenshot(`${type}_menu.png`, {
+                        // We exclude this as we don't want to assert Element's styling, only our own
+                        css: `
+                            #matrixchat {
+                                opacity: 0;
+                                background: orchid;
+                            }
+                        `,
+                    });
+
+                    // Verify that the #matrixchat root got shrunk to fit rather than exploding the viewport
+                    const bodyBoundingBox = await page.locator("body").boundingBox();
+                    const rootBoundingBox = await page.locator("#matrixchat").boundingBox();
+                    const headerElement = await page.locator("#matrixchat").evaluate((e) => e.previousElementSibling);
+                    const headerBoundingBox = headerElement?.getBoundingClientRect();
+                    expect(rootBoundingBox!.height + headerBoundingBox!.height).toEqual(bodyBoundingBox!.height);
                 });
 
                 await test.step("close menu", async () => {