test(org): compare rail styles with the mouse parked in both captures

The carried capture read Files with the pointer resting on it from the click that navigated there, so
its hover background looked like a leak. Both captures now park the pointer and wait out the
transition, the carried one asserts nothing in the rail is hovered, and background stays compared.

Author: waleedlatif1

apps/sim/scripts/org-redesign-e2e/checks/blast-radius.ts

@@ -17,7 +17,12 @@ import {
   url,
   withSession,
 } from '@/scripts/org-redesign-e2e/harness'
-import { composer, navigateWithinDocument, railLink } from '@/scripts/org-redesign-e2e/locators'
+import {
+  composer,
+  navigateWithinDocument,
+  parkMouse,
+  railLink,
+} from '@/scripts/org-redesign-e2e/locators'
 
 export async function blastRadiusChecks() {
   section('Blast radius')
@@ -103,6 +108,7 @@ export async function blastRadiusChecks() {
               session.page.getByRole('complementary', { name: 'Workspace sidebar' })
             ).toBeVisible()
             await session.settle()
+            await parkMouse(session.page)
             fresh = await sample(session.page)
           },
           { theme }
@@ -125,6 +131,11 @@ export async function blastRadiusChecks() {
             assert(await inDocument(), 'The move to /workspace reloaded the page')
             await session.settle()
             await expect(page.locator('[data-platform-ui]')).toHaveCount(0)
+            // The click that got here leaves the pointer over a rail row, which would read as hover.
+            await parkMouse(page)
+            await expect(
+              page.getByRole('complementary', { name: 'Workspace sidebar' }).locator(':hover')
+            ).toHaveCount(0)
             const carried = await sample(page)
             const differences = Object.keys(fresh)
               .filter((key) => key in carried && carried[key] !== fresh[key])

apps/sim/scripts/org-redesign-e2e/locators.ts

@@ -87,6 +87,25 @@ export async function navigateWithinDocument(page: Page, navigate: () => Promise
   return () => page.evaluate(() => window.sameDocumentMark)
 }
 
+/**
+ * Rests the pointer on the page's far corner and lets any hover transition it ended finish, so two
+ * captures of computed styles compare the same pointer state.
+ */
+export async function parkMouse(page: Page) {
+  const size = page.viewportSize()
+  assert(size, 'The page has a viewport')
+  await page.mouse.move(size.width - 1, size.height - 1)
+  await pageTurn(page)
+  await page.evaluate(() =>
+    Promise.all(
+      document
+        .getAnimations()
+        .filter((animation) => animation instanceof CSSTransition)
+        .map((animation) => animation.finished.catch(() => {}))
+    )
+  )
+}
+
 export async function assertNoHorizontalOverflow(page: Page, label: string) {
   const { scrollWidth, width } = await page.evaluate(() => ({
     scrollWidth: document.documentElement.scrollWidth,