From 32588e6edf2e4f8af0bd1723a00fb5e37a4dd492 Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Sun, 26 Jul 2026 00:44:18 +0000
Subject: [PATCH 1/2] Initial plan


From ad0b2d6f66f550fb32ea540845730a3dd2f31d55 Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Sun, 26 Jul 2026 00:59:02 +0000
Subject: [PATCH 2/2] fix(test): use /formulation/worry route so dock is
 present in phone chrome test
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

/?mode=documents in its home state sets heroOwnsPhoneComposer=true which
prevents the bottom dock from rendering, so .answer-footer-search-backdrop
inside .answer-footer-search-dock is absent from the DOM and the assertion
returns 'missing' instead of 'none'.

/formulation/worry is a non-home GlobalSearchShell route where
isStandaloneModeHome=false → desktopHomeComposerSlotId=undefined →
heroOwnsPhoneComposer=false → the compact bottom dock IS rendered on phones,
and the backdrop div is in the DOM (hidden via the new CSS rule).
---
 tests/ui-phone-scroll.spec.ts | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/tests/ui-phone-scroll.spec.ts b/tests/ui-phone-scroll.spec.ts
index 6b3eaf0a..0ebdbd5d 100644
--- a/tests/ui-phone-scroll.spec.ts
+++ b/tests/ui-phone-scroll.spec.ts
@@ -157,7 +157,11 @@ test("phone chrome has an opaque header, one edge-to-edge footer, and releases b
 }) => {
   await page.emulateMedia({ reducedMotion: "no-preference" });
   await page.setViewportSize(phoneViewport);
-  await gotoPhoneSurface(page, "/?mode=documents");
+  // /formulation/worry is a non-home GlobalSearchShell route: heroOwnsPhoneComposer
+  // is false here so the bottom dock IS rendered and the backdrop is present in
+  // the DOM (CSS hides it). /?mode=documents in its home state sets
+  // heroOwnsPhoneComposer=true and omits the dock entirely.
+  await gotoPhoneSurface(page, "/formulation/worry");
 
   const visible = await page.evaluate(() => {
     const header = document.querySelector<HTMLElement>("header#search");