1 files changed, 68 insertions, 0 deletions
diff --git a/web/test/active-tasks-tab.test.mjs b/web/test/active-tasks-tab.test.mjs
new file mode 100644
index 0000000..7b68c6f
--- /dev/null
+++ b/web/test/active-tasks-tab.test.mjs
@@ -0,0 +1,68 @@
+// active-tasks-tab.test.mjs — TDD contract tests for filterActiveTasks
+//
+// filterActiveTasks is imported from app.js. Tests are RED until the function
+// is exported from app.js.
+//
+// Run with: node --test web/test/active-tasks-tab.test.mjs
+
+import { describe, it } from 'node:test';
+import assert from 'node:assert/strict';
+import { filterActiveTasks } from '../app.js';
+
+// ── Helpers ────────────────────────────────────────────────────────────────────
+
+function makeTask(state) {
+  return { id: state, name: `task-${state}`, state };
+}
+
+// ── Tests ──────────────────────────────────────────────────────────────────────
+
+describe('filterActiveTasks', () => {
+  it('returns only RUNNING tasks when given mixed states', () => {
+    const tasks = [makeTask('RUNNING'), makeTask('COMPLETED'), makeTask('PENDING')];
+    const result = filterActiveTasks(tasks);
+    assert.equal(result.length, 1);
+    assert.equal(result[0].state, 'RUNNING');
+  });
+
+  it('returns only READY tasks', () => {
+    const tasks = [makeTask('READY'), makeTask('FAILED'), makeTask('TIMED_OUT')];
+    const result = filterActiveTasks(tasks);
+    assert.equal(result.length, 1);
+    assert.equal(result[0].state, 'READY');
+  });
+
+  it('returns only QUEUED tasks', () => {
+    const tasks = [makeTask('QUEUED'), makeTask('CANCELLED'), makeTask('PENDING')];
+    const result = filterActiveTasks(tasks);
+    assert.equal(result.length, 1);
+    assert.equal(result[0].state, 'QUEUED');
+  });
+
+  it('returns only BLOCKED tasks', () => {
+    const tasks = [makeTask('BLOCKED'), makeTask('BUDGET_EXCEEDED'), makeTask('COMPLETED')];
+    const result = filterActiveTasks(tasks);
+    assert.equal(result.length, 1);
+    assert.equal(result[0].state, 'BLOCKED');
+  });
+
+  it('returns all four active states together, excludes PENDING/COMPLETED/FAILED/TIMED_OUT/CANCELLED/BUDGET_EXCEEDED', () => {
+    const allStates = [
+      'RUNNING', 'READY', 'QUEUED', 'BLOCKED',
+      'PENDING', 'COMPLETED', 'FAILED', 'TIMED_OUT', 'CANCELLED', 'BUDGET_EXCEEDED',
+    ];
+    const tasks = allStates.map(makeTask);
+    const result = filterActiveTasks(tasks);
+    assert.equal(result.length, 4, 'exactly 4 active-state tasks should be returned');
+    for (const state of ['RUNNING', 'READY', 'QUEUED', 'BLOCKED']) {
+      assert.ok(result.some(t => t.state === state), `${state} should be included`);
+    }
+    for (const state of ['PENDING', 'COMPLETED', 'FAILED', 'TIMED_OUT', 'CANCELLED', 'BUDGET_EXCEEDED']) {
+      assert.ok(!result.some(t => t.state === state), `${state} should be excluded`);
+    }
+  });
+
+  it('returns empty array for empty input', () => {
+    assert.deepEqual(filterActiveTasks([]), []);
+  });
+});