From 040db9ad1272705c789c10bcc8b4921c7d41d7f7 Mon Sep 17 00:00:00 2001
From: Sergey Matyunin <s.matyunin@justbusiness.site>
Date: Wed, 19 Aug 2026 22:38:17 +0300
Subject: [PATCH] test: wait for device hover transition

Issue: #179
User-Visible: no
---
 demo/smoke_device_icon_design.mjs | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/demo/smoke_device_icon_design.mjs b/demo/smoke_device_icon_design.mjs
index 923dc8a4..b806de17 100644
--- a/demo/smoke_device_icon_design.mjs
+++ b/demo/smoke_device_icon_design.mjs
@@ -77,6 +77,10 @@ const beforeUnavailable = await page.$eval(selector('d_kettle'), (node) => ({
   shell: getComputedStyle(node.querySelector('.device-shell')).borderColor,
 }));
 await page.hover(selector('d_kettle'));
+// The production core/shell hover transition is 150 ms. Sampling in the same
+// frame only proves the starting color and lets a restored unavailable hover
+// escape the mutation guard.
+await page.waitForTimeout(220);
 const afterUnavailable = await page.$eval(selector('d_kettle'), (node) => ({
   core: getComputedStyle(node.querySelector('.device-core')).backgroundColor,
   shell: getComputedStyle(node.querySelector('.device-shell')).borderColor,