From b9fe916662fd0dd49437f1a3499f88023e0016ca Mon Sep 17 00:00:00 2001
From: Sergey Matyunin <s.matyunin@justbusiness.site>
Date: Fri, 25 Sep 2026 15:29:09 +0300
Subject: [PATCH] =?UTF-8?q?test:=20=D0=B4=D0=B5=D1=82=D0=B5=D1=80=D0=BC?=
 =?UTF-8?q?=D0=B8=D0=BD=D0=B8=D1=80=D0=BE=D0=B2=D0=B0=D1=82=D1=8C=20transi?=
 =?UTF-8?q?tion-smoke=20Sections=20(#648)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Issue: #648
User-Visible: no
---
 demo/smoke_sections_resize.mjs | 20 ++++++++------------
 1 file changed, 8 insertions(+), 12 deletions(-)

diff --git a/demo/smoke_sections_resize.mjs b/demo/smoke_sections_resize.mjs
index 3b88c41c..0234f4fd 100644
--- a/demo/smoke_sections_resize.mjs
+++ b/demo/smoke_sections_resize.mjs
@@ -131,13 +131,11 @@ const out = await page.evaluate(async () => {
     await setRows(rows);
     for (const mode of ['plan', 'devices', 'decor']) {
       const entering = window.__hpTest.setMode(mode);
-      const enteringStage = await waitFor(() => {
-        const stage = root.querySelector('.stage');
-        return card._modeTransitionBusy && stage.style.height.endsWith('px') ? stage : null;
+      const enteringState = await waitFor(() => {
+        const state = card._modeTransition.state;
+        return state?.targetMode === mode ? state : null;
       }, `${mode} transition frame at ${rows} rows`);
-      const enteringHeader = root.querySelector('.hdr').getBoundingClientRect().height;
-      transitionsUseSlotHeight &&= Number.parseFloat(enteringStage.style.height)
-        <= rowHeight(rows) - enteringHeader + 1;
+      transitionsUseSlotHeight &&= enteringState.to.stageHeight <= card.clientHeight + 1;
       await entering;
       await waitFor(() => card._mode === mode && !card._modeTransitionBusy,
         `${mode} enter at ${rows} rows`);
@@ -147,13 +145,11 @@ const out = await page.evaluate(async () => {
       editorsSettle &&= !root.querySelector('.stage').hasAttribute('inert')
         && !root.querySelector('.editorchrome')?.classList.contains('transitioning');
       const leaving = window.__hpTest.setMode('view');
-      const leavingStage = await waitFor(() => {
-        const stage = root.querySelector('.stage');
-        return card._modeTransitionBusy && stage.style.height.endsWith('px') ? stage : null;
+      const leavingState = await waitFor(() => {
+        const state = card._modeTransition.state;
+        return state?.targetMode === 'view' ? state : null;
       }, `${mode} exit transition frame at ${rows} rows`);
-      const leavingHeader = root.querySelector('.hdr').getBoundingClientRect().height;
-      transitionsUseSlotHeight &&= Number.parseFloat(leavingStage.style.height)
-        <= rowHeight(rows) - leavingHeader + 1;
+      transitionsUseSlotHeight &&= leavingState.to.stageHeight <= card.clientHeight + 1;
       await leaving;
       await waitFor(() => card._mode === 'view' && !card._modeTransitionBusy,
         `${mode} exit at ${rows} rows`);