test: lock mobile controls classes

shakkernerd · shakkernerd · commit b80f5c2ea55f · 2026-05-12T15:42:56.000+01:00
diff --git a/ui/src/ui/navigation.browser.test.ts b/ui/src/ui/navigation.browser.test.ts
@@ -441,32 +441,38 @@ describe("control UI routing", () => {
 
     expect(app.chatMobileControlsOpen).toBe(true);
     expect(toggle.getAttribute("aria-expanded")).toBe("true");
-    expect(dropdown.classList.contains("open")).toBe(true);
+    expect([...toggle.classList]).toEqual([
+      "btn",
+      "btn--sm",
+      "btn--icon",
+      "chat-controls-mobile-toggle",
+    ]);
+    expect([...dropdown.classList]).toEqual(["chat-controls-dropdown", "open"]);
 
     document.dispatchEvent(new KeyboardEvent("keydown", { key: "Escape", bubbles: true }));
     await app.updateComplete;
     await nextFrame();
 
     expect(app.chatMobileControlsOpen).toBe(false);
     expect(toggle.getAttribute("aria-expanded")).toBe("false");
-    expect(dropdown.classList.contains("open")).toBe(false);
+    expect([...dropdown.classList]).toEqual(["chat-controls-dropdown"]);
     expect(document.activeElement).toBe(toggle);
 
     toggle.click();
     await app.updateComplete;
     app.requestUpdate();
     await app.updateComplete;
 
-    const openDropdown = app.querySelector<HTMLElement>(".chat-controls-dropdown");
+    const openDropdown = expectElement(app, ".chat-controls-dropdown", HTMLElement);
     expect(app.chatMobileControlsOpen).toBe(true);
-    expect(openDropdown?.classList.contains("open")).toBe(true);
+    expect([...openDropdown.classList]).toEqual(["chat-controls-dropdown", "open"]);
 
     document.body.dispatchEvent(new MouseEvent("pointerdown", { bubbles: true, composed: true }));
     await app.updateComplete;
 
-    const closedDropdown = app.querySelector<HTMLElement>(".chat-controls-dropdown");
+    const closedDropdown = expectElement(app, ".chat-controls-dropdown", HTMLElement);
     expect(app.chatMobileControlsOpen).toBe(false);
-    expect(closedDropdown?.classList.contains("open")).toBe(false);
+    expect([...closedDropdown.classList]).toEqual(["chat-controls-dropdown"]);
 
     expectElement(app, ".chat-controls-mobile-toggle", HTMLButtonElement).click();
     await app.updateComplete;
