v0.32.6_official

tools/checks/appearance_ux_0323_browser.py

@@ -65,6 +65,18 @@ with sync_playwright() as playwright:
             assert page.locator('#test-action').evaluate('(n) => getComputedStyle(n).borderTopLeftRadius') == expected_control, (theme, style, 'button')
             assert page.locator('#test-input').evaluate('(n) => getComputedStyle(n).borderTopLeftRadius') == expected_control, (theme, style, 'input')
     page.evaluate('document.documentElement.dataset.theme = "dark"; document.documentElement.dataset.cornerStyle = "default"')
+    # The last glyph must have room before the outlined logo's right edge,
+    # including the 34px mobile variant; the slash-to-p spacing is unchanged.
+    for width in (1320, 790, 450, 345):
+        page.set_viewport_size({'width': width, 'height': 950})
+        inset = page.locator('#test-logo').evaluate('''mark => {
+            const p = [...mark.childNodes].find(node => node.nodeType === 3 && node.textContent.trim() === 'p');
+            const range = document.createRange();
+            range.selectNodeContents(p);
+            return mark.getBoundingClientRect().right - range.getBoundingClientRect().right;
+        }''')
+        assert inset >= 4, (width, inset)
+    page.set_viewport_size({'width': 1320, 'height': 950})
     original_logo = page.locator('#test-logo').evaluate('(n) => getComputedStyle(n).borderTopColor')
     page.evaluate('document.documentElement.dataset.theme = "ultra_dark"')
     black_logo = page.locator('#test-logo').evaluate('(n) => getComputedStyle(n).borderTopColor')