From 8b7f801d4a2b9df279df81d7474b283453c93fa2 Mon Sep 17 00:00:00 2001
From: Florian Zumpe <florian.zumpe@automateops.io>
Date: Sun, 27 Sep 2026 20:45:05 +0200
Subject: [PATCH] fix unused id in test

---
 public/index.html               | 2 +-
 public/js/bootstrap-loader.js   | 7 ++++++-
 test/bootstrap-start-ui.test.js | 2 +-
 3 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/public/index.html b/public/index.html
index a057d05..40d6283 100644
--- a/public/index.html
+++ b/public/index.html
@@ -113,7 +113,7 @@
       <p id="storage-cleanup-status" class="storage-cleanup-status" hidden></p>
 
       <progress id="bootstrap-progress" class="bootstrap-state-model" max="7" value="0" hidden></progress>
-      <ol id="bootstrap-steps" class="bootstrap-state-model" hidden>
+      <ol class="bootstrap-state-model" hidden>
         <li data-step="storage">Lokalen Speicher prüfen</li>
         <li data-step="jquery">jQuery laden</li>
         <li data-step="jquery-ui">jQuery UI laden</li>
diff --git a/public/js/bootstrap-loader.js b/public/js/bootstrap-loader.js
index 44b8da5..405a1e7 100644
--- a/public/js/bootstrap-loader.js
+++ b/public/js/bootstrap-loader.js
@@ -135,7 +135,12 @@
     setStatusText('Vorbereitung abgeschlossen.');
     actionStatus?.classList.add('is-leaving');
     enter.hidden = false;
-    globalThis.requestAnimationFrame(() => enter.classList.add('is-visible'));
+    const showEnter = () => enter.classList.add('is-visible');
+    if (typeof globalThis.requestAnimationFrame === 'function') {
+      globalThis.requestAnimationFrame(showEnter);
+    } else {
+      globalThis.setTimeout(showEnter, 0);
+    }
     globalThis.setTimeout(() => {
       if (actionStatus) actionStatus.hidden = true;
     }, 220);
diff --git a/test/bootstrap-start-ui.test.js b/test/bootstrap-start-ui.test.js
index a7681ca..e485857 100644
--- a/test/bootstrap-start-ui.test.js
+++ b/test/bootstrap-start-ui.test.js
@@ -19,7 +19,7 @@ test('start screen uses the presentation-style hero and one action slot', async
   assert.match(html, /id="bootstrap-status-text"/);
   assert.match(html, /id="bootstrap-enter"[^>]*hidden/);
   assert.match(html, />Los geht’s</);
-  assert.match(html, /id="bootstrap-steps"[^>]*hidden/);
+  assert.match(html, /<ol class="bootstrap-state-model" hidden>[\s\S]*data-step="storage"/);
   assert.match(html, /id="bootstrap-progress"[^>]*hidden/);
 });