added css reference and test case

test/editor-ui.test.js

@@ -0,0 +1,60 @@
+import assert from 'node:assert/strict';
+import fs from 'node:fs/promises';
+import path from 'node:path';
+import test from 'node:test';
+
+const root = path.resolve(import.meta.dirname, '..');
+
+async function read(relativePath) {
+  return fs.readFile(path.join(root, relativePath), 'utf8');
+}
+
+test('route editor entry point, dialog and forms are present', async () => {
+  const html = await read('public/index.html');
+  const css = await read('public/css/editor.css');
+  const ui = await read('public/js/editor-ui.js');
+
+  assert.match(html, /id="editor-button"/);
+  assert.match(html, /aria-label="Streckeneditor öffnen"/);
+  assert.match(html, /<dialog id="editor-dialog"/);
+  assert.match(html, /id="editor-route-list"/);
+  assert.match(html, /id="editor-route-form"/);
+  assert.match(html, /id="editor-poi-form"/);
+  assert.match(html, /id="editor-poi-audio"[^>]+accept="audio\/\*"/);
+  assert.match(html, /id="editor-poi-images"[^>]+accept="image\/\*"[^>]+multiple/);
+  assert.match(html, /Neue Strecken bleiben unveröffentlicht/);
+
+  assert.match(css, /\.editor-entry-panel/);
+  assert.match(css, /\.editor-dialog/);
+  assert.match(css, /\.editor-poi-list/);
+
+  assert.match(ui, /pointerup/);
+  assert.doesNotMatch(ui, /addEventListener\(['"]click['"]/);
+});
+
+test('route editor references all static editor classes for the project markup checks', async () => {
+  const html = await read('public/index.html');
+  const ui = await read('public/js/editor-ui.js');
+  const classNames = [...html.matchAll(/class="([^"]*\beditor-[^"]*)"/g)]
+    .flatMap(match => match[1].split(/\s+/))
+    .filter(name => name.startsWith('editor-'));
+
+  for (const className of new Set(classNames)) {
+    assert.match(ui, new RegExp(className), `editor class is not referenced by editor-ui.js: ${className}`);
+  }
+});
+
+test('route editor supports route creation, route editing, POI sorting and POI media uploads', async () => {
+  const ui = await read('public/js/editor-ui.js');
+
+  assert.match(ui, /readJson\('\/routes'\)/);
+  assert.match(ui, /readJson\(`\/routes\/\$\{encodeURIComponent\(id\)\}`\)/);
+  assert.match(ui, /const method = id \? 'PUT' : 'POST'/);
+  assert.match(ui, /const method = currentPoiId \? 'PUT' : 'POST'/);
+  assert.match(ui, /move-poi-up/);
+  assert.match(ui, /move-poi-down/);
+  assert.match(ui, /sortOrder: index/);
+  assert.match(ui, /uploadPoiMedia/);
+  assert.match(ui, /\/audio`/);
+  assert.match(ui, /\/images`/);
+});