From dc48e2f712efe6e59e8e75c9a2be01debf7c9242 Mon Sep 17 00:00:00 2001 From: Vincent Koc Date: Thu, 30 Jul 2026 23:38:20 +0800 Subject: [PATCH] test(ui): assert gateway item style rule deterministically --- ui/src/pages/chat/chat-responsive.browser.test.ts | 12 ++++++++++-- 1 file changed, 10 insertions(+), 2 deletions(-) diff --git a/ui/src/pages/chat/chat-responsive.browser.test.ts b/ui/src/pages/chat/chat-responsive.browser.test.ts index dfb53ccbeba3..cd41dc1abb64 100644 --- a/ui/src/pages/chat/chat-responsive.browser.test.ts +++ b/ui/src/pages/chat/chat-responsive.browser.test.ts @@ -602,9 +602,17 @@ describeBrowserLayout.concurrent("chat responsive browser layout", () => { const styles = await page.evaluate(() => { const dropdown = document.querySelector(".chat-pane__gateway-menu")!; const menu = dropdown.shadowRoot!.querySelector('[part="menu"]')!; - const item = dropdown.querySelector(".chat-pane__gateway-menu-item")!; const menuStyle = getComputedStyle(menu); - const itemStyle = getComputedStyle(item); + const itemRule = Array.from(document.styleSheets) + .flatMap((sheet) => Array.from(sheet.cssRules)) + .find( + (rule): rule is CSSStyleRule => + rule instanceof CSSStyleRule && rule.selectorText === ".chat-pane__gateway-menu-item", + ); + if (!itemRule) { + throw new Error("Expected gateway menu item style rule"); + } + const itemStyle = itemRule.style; return { menu: { borderRadius: menuStyle.borderRadius,