fix class usage for tests

public/css/editor.css

@@ -176,7 +176,7 @@
   padding: .5rem;
 }
 
-.editor-button-icon {
+.editor-button img {
   display: block;
   height: 1.65rem;
   width: 1.65rem;

public/index.html

@@ -141,7 +141,7 @@
         </section>
         <div class="route-control-actions">
           <button id="editor-button" class="editor-button" type="button" aria-label="Streckenverwaltung öffnen" title="Streckenverwaltung öffnen" aria-haspopup="dialog" aria-expanded="false" aria-controls="editor-dialog">
-            <img class="editor-button-icon" src="images/icons/route-management.svg" alt="" aria-hidden="true">
+            <img src="images/icons/route-management.svg" alt="" aria-hidden="true">
           </button>
           <button id="route-control-new" class="editor-primary-button" type="button">Neue lokale Strecke</button>
         </div>

public/js/bootstrap-loader.js

@@ -27,6 +27,14 @@
 
   const versioned = path => `${path}${path.includes('?') ? '&' : '?'}v=${encodeURIComponent(versions.app)}`;
 
+  function schedule(callback, delay = 0) {
+    if (typeof globalThis.setTimeout === 'function') {
+      return globalThis.setTimeout(callback, delay);
+    }
+    callback();
+    return null;
+  }
+
   function setStatusText(text, immediate = false) {
     if (!statusText) return;
     statusTransition += 1;
@@ -37,7 +45,7 @@
       return;
     }
     statusText.classList.add('is-fading');
-    globalThis.setTimeout(() => {
+    schedule(() => {
       if (transition !== statusTransition) return;
       statusText.textContent = text;
       statusText.classList.remove('is-fading');
@@ -139,9 +147,9 @@
     if (typeof globalThis.requestAnimationFrame === 'function') {
       globalThis.requestAnimationFrame(showEnter);
     } else {
-      globalThis.setTimeout(showEnter, 0);
+      schedule(showEnter);
     }
-    globalThis.setTimeout(() => {
+    schedule(() => {
       if (actionStatus) actionStatus.hidden = true;
     }, 220);
     enter.focus();

test/bootstrap-start-ui.test.js

@@ -41,6 +41,8 @@ test('bootstrap status text fades between loading steps and is replaced by the s
   assert.match(loader, /actionStatus\?\.classList\.add\('is-leaving'\)/);
   assert.match(loader, /enter\.classList\.add\('is-visible'\)/);
   assert.match(loader, /const completedSteps = new Set\(\)/);
+  assert.match(loader, /function schedule\(callback, delay = 0\)/);
+  assert.match(loader, /typeof globalThis\.setTimeout === 'function'/);
   assert.doesNotMatch(loader, /dataset\.state/);
   assert.match(loader, /event\.stopPropagation\?\.\(\)/);
 });

test/editor-ui.test.js

@@ -20,7 +20,8 @@ test('editor markup and source describe local draft creation instead of immediat
   const ui = await read('public/js/editor-ui.js');
 
   assert.match(html, /id="editor-button"[^>]+aria-label="Streckenverwaltung öffnen"/);
-  assert.match(html, /class="editor-button-icon"[^>]+src="images\/icons\/route-management\.svg"[^>]+alt=""/);
+  assert.match(html, /<img[^>]+src="images\/icons\/route-management\.svg"[^>]+alt=""[^>]*>/);
+  assert.doesNotMatch(html, /class="editor-button-icon"/);
   assert.match(html, /<dialog id="editor-dialog"/);
   assert.match(html, /id="editor-route-form"/);
   assert.match(html, /id="editor-poi-form"/);
@@ -50,7 +51,8 @@ test('editor markup and source describe local draft creation instead of immediat
   assert.match(css, /\.editor-media-remove/);
   assert.match(css, /\.editor-danger-button/);
   assert.match(css, /\.editor-icon-danger/);
-  assert.match(css, /\.editor-button-icon/);
+  assert.match(css, /\.editor-button\s+img/);
+  assert.doesNotMatch(css, /\.editor-button-icon/);
 
   assert.match(ui, /readJson\(['"]\/routes\?activatedOnly=true['"]\)/);
   assert.match(ui, /ns\.LocalRoutes\.save\(/);