feat: upload - deel 02

webui/backend/tests/golden/test_ui_smoke_golden.py

@@ -49,6 +49,12 @@ class UiSmokeGoldenTest(unittest.TestCase):
         self.assertIn('id="left-focus-line"', body)
         self.assertIn('id="right-focus-line"', body)
         self.assertIn('id="function-bar"', body)
+        self.assertIn('id="upload-btn"', body)
+        self.assertIn('id="upload-input"', body)
+        self.assertIn('id="upload-progress"', body)
+        self.assertIn('id="upload-target"', body)
+        self.assertIn('id="upload-current-file"', body)
+        self.assertIn('id="upload-count"', body)
         self.assertIn('id="settings-btn"', body)
         self.assertIn('id="rename-btn"', body)
         self.assertIn('id="view-btn"', body)
@@ -131,6 +137,7 @@ class UiSmokeGoldenTest(unittest.TestCase):
         self.assertNotIn('id="tasks-panel"', body)
 
         ordered_ids = [
+            'id="upload-btn"',
             'id="settings-btn"',
             'id="rename-btn"',
             'id="view-btn"',
@@ -171,6 +178,7 @@ class UiSmokeGoldenTest(unittest.TestCase):
         self.assertIn('function effectiveThemeKey(theme, colorMode)', app_js)
         self.assertIn("document.documentElement.dataset.theme", app_js)
         self.assertIn('document.getElementById("theme-toggle").onclick = toggleTheme;', app_js)
+        self.assertIn('document.getElementById("upload-btn").onclick = openUploadPicker;', app_js)
         self.assertIn('document.getElementById("settings-btn").onclick = () => openSettings("general");', app_js)
         self.assertIn('async function loadSettings()', app_js)
         self.assertIn('await loadSettings();', app_js)
@@ -190,6 +198,13 @@ class UiSmokeGoldenTest(unittest.TestCase):
         self.assertIn('applyTheme(settingsState.selectedTheme, settingsState.selectedColorMode);', app_js)
         self.assertIn('settings.interfaceTab.onclick = () => setSettingsTab("interface");', app_js)
         self.assertIn('"/api/settings"', app_js)
+        self.assertIn('function uploadElements()', app_js)
+        self.assertIn('function openUploadPicker()', app_js)
+        self.assertIn('async function handleUploadSelection(event)', app_js)
+        self.assertIn('uploadElements().input.onchange = handleUploadSelection;', app_js)
+        self.assertIn('"/api/files/upload"', app_js)
+        self.assertIn('Upload to: ${uploadState.targetPath}', app_js)
+        self.assertIn('Uploading ${total} file', app_js)
         self.assertIn('`/api/files/thumbnail?', app_js)
         self.assertIn("function iconTypeForEntry(entry)", app_js)
         self.assertIn("function mediaIconSvg(type)", app_js)