Add in-progress frontend actions

1 files changed, 120 insertions, 0 deletions

diff --git a/web/js/tests/progress-actions.test.js b/web/js/tests/progress-actions.test.js
new file mode 100644
index 0000000..1694ea3
--- /dev/null
+++ b/web/js/tests/progress-actions.test.js
@@ -0,0 +1,120 @@
+import { API } from '../api.js';
+import { state } from '../state.js';
+import { initMediaGrid, loadMedia } from '../views/media-grid.js';
+
+const failures = [];
+const requests = [];
+
+const grid = mockElement();
+const emptyHint = mockElement();
+const breadcrumb = mockElement();
+const resultCount = mockElement();
+
+globalThis.location = { pathname: '/index.html', href: '' };
+globalThis.document = {
+  getElementById(id) {
+    if (id === 'media-grid') return grid;
+    if (id === 'empty-hint') return emptyHint;
+    if (id === 'breadcrumb-bar') return breadcrumb;
+    if (id === 'result-count') return resultCount;
+    return null;
+  },
+  querySelectorAll() { return []; },
+};
+
+globalThis.fetch = async (url, options = {}) => {
+  requests.push({ url: String(url), options });
+  if (String(url) === '/api/in-progress') {
+    return jsonResponse([
+      {
+        id: 7,
+        file_name: 'resume.mp4',
+        type: 'video',
+        duration: 125,
+        file_size_bytes: 2048,
+        thumbnail_path: 'thumbs/resume.jpg',
+      },
+    ]);
+  }
+  return jsonResponse({ status: 'ok' });
+};
+
+function assert(cond, msg) {
+  if (!cond) failures.push(msg || 'assertion failed');
+}
+
+function mockElement() {
+  return {
+    classList: {
+      add() {},
+      remove() {},
+      toggle() {},
+      contains() { return false; },
+    },
+    innerHTML: '',
+    textContent: '',
+    addEventListener() {},
+    querySelectorAll() { return []; },
+    querySelector() { return null; },
+  };
+}
+
+function jsonResponse(body) {
+  return {
+    ok: true,
+    status: 200,
+    headers: { get: () => 'application/json' },
+    json: async () => body,
+  };
+}
+
+async function testProgressStatusAPIWrapper() {
+  requests.length = 0;
+  await API.progressStatus(7, 'finished');
+  const req = requests[0];
+  assert(req?.url === '/api/progress/status', 'progressStatus should call the progress status endpoint');
+  assert(req?.options?.method === 'POST', 'progressStatus should POST');
+  assert(
+    req?.options?.body === JSON.stringify({ media_id: 7, status: 'finished' }),
+    'progressStatus should send media_id and status',
+  );
+}
+
+async function testInProgressAPIWrapper() {
+  requests.length = 0;
+  const list = await API.inProgress();
+  assert(requests[0]?.url === '/api/in-progress', 'inProgress should call the in-progress endpoint');
+  assert(Array.isArray(list), 'inProgress should return the decoded list');
+}
+
+async function testInProgressVirtualGrid() {
+  requests.length = 0;
+  state.virtualSet = 'in-progress';
+  state.selectedSetId = null;
+  state.selectedSetIds = [];
+  state.folderPath = '';
+  state.mediaPage = 0;
+  initMediaGrid();
+
+  await loadMedia();
+
+  assert(requests[0]?.url === '/api/in-progress', 'virtual set should load via API.inProgress');
+  assert(state.media.length === 1 && state.media[0].id === 7, 'virtual set should store flat media results');
+  assert(grid.innerHTML.includes('data-action="mark-finished"'), 'cards should render a finished action');
+  assert(grid.innerHTML.includes('data-action="mark-not-started"'), 'cards should render a not-started action');
+  assert(resultCount.textContent === '1 items', 'result count should reflect in-progress media');
+}
+
+console.log('Running progress action tests...');
+await testProgressStatusAPIWrapper();
+await testInProgressAPIWrapper();
+await testInProgressVirtualGrid();
+
+if (failures.length) {
+  console.error('FAILURES:');
+  failures.forEach((m) => console.error('  - ' + m));
+  process.exit(1);
+} else {
+  console.log('All progress action tests passed.');
+  process.exit(0);
+}