From 3825f894d08acb5a12d609fbb100da7d982274f2 Mon Sep 17 00:00:00 2001
From: Logan Johnson <loganj@squareup.com>
Date: Tue, 8 Sep 2026 15:47:16 -0400
Subject: [PATCH] test(desktop): settle hover surfaces before comparing colors

Co-authored-by: Larry <627498bd4bd1f281a16431e3c6cce3b5c25b6692798c78672298aefbf2f8f8b5@buzz.block.builderlab.xyz>
Signed-off-by: Logan Johnson <loganj@squareup.com>
---
 desktop/tests/e2e/message-feedback-snapshots.spec.ts | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/desktop/tests/e2e/message-feedback-snapshots.spec.ts b/desktop/tests/e2e/message-feedback-snapshots.spec.ts
index 18776d7f25..76f1b975a2 100644
--- a/desktop/tests/e2e/message-feedback-snapshots.spec.ts
+++ b/desktop/tests/e2e/message-feedback-snapshots.spec.ts
@@ -101,10 +101,12 @@ test("profile hover uses the channel hover surface", async ({ page }) => {
   const profile = page.getByTestId("sidebar-profile-card");
   const channel = page.getByTestId("channel-random");
   await channel.hover();
+  await waitForAnimations(page);
   const channelHoverColor = await channel.evaluate(
     (element) => getComputedStyle(element).backgroundColor,
   );
   await profile.hover();
+  await waitForAnimations(page);
   await expect(profile).toHaveCSS("background-color", channelHoverColor);
 
   await waitForAnimations(page);