1 files changed, 72 insertions, 0 deletions
diff --git a/web/test/deployment-badge.test.mjs b/web/test/deployment-badge.test.mjs
new file mode 100644
index 0000000..afb4a59
--- /dev/null
+++ b/web/test/deployment-badge.test.mjs
@@ -0,0 +1,72 @@
+// deployment-badge.test.mjs — Unit tests for deployment status badge.
+//
+// Run with: node --test web/test/deployment-badge.test.mjs
+
+import { describe, it } from 'node:test';
+import assert from 'node:assert/strict';
+import { renderDeploymentBadge } from '../app.js';
+
+function makeDoc() {
+  return {
+    createElement(tag) {
+      const el = {
+        tag,
+        className: '',
+        textContent: '',
+        title: '',
+        children: [],
+        appendChild(child) { this.children.push(child); return child; },
+      };
+      return el;
+    },
+  };
+}
+
+describe('renderDeploymentBadge', () => {
+  it('returns null for null status', () => {
+    const el = renderDeploymentBadge(null, makeDoc());
+    assert.equal(el, null);
+  });
+
+  it('returns null for undefined status', () => {
+    const el = renderDeploymentBadge(undefined, makeDoc());
+    assert.equal(el, null);
+  });
+
+  it('returns element with deployment-badge class for valid status', () => {
+    const status = { deployed_commit: 'abc123', fix_commits: [], includes_fix: false };
+    const el = renderDeploymentBadge(status, makeDoc());
+    assert.ok(el, 'element should not be null');
+    assert.ok(el.className.includes('deployment-badge'), `className should include deployment-badge, got: ${el.className}`);
+  });
+
+  it('shows "Deployed" text when includes_fix is true', () => {
+    const status = { deployed_commit: 'abc123', fix_commits: [{ hash: 'aabbcc', message: 'fix' }], includes_fix: true };
+    const el = renderDeploymentBadge(status, makeDoc());
+    assert.ok(el.textContent.includes('Deployed'), `expected "Deployed" in "${el.textContent}"`);
+  });
+
+  it('shows "Not deployed" text when includes_fix is false', () => {
+    const status = { deployed_commit: 'abc123', fix_commits: [{ hash: 'aabbcc', message: 'fix' }], includes_fix: false };
+    const el = renderDeploymentBadge(status, makeDoc());
+    assert.ok(el.textContent.includes('Not deployed'), `expected "Not deployed" in "${el.textContent}"`);
+  });
+
+  it('applies deployed class when includes_fix is true', () => {
+    const status = { deployed_commit: 'abc123', fix_commits: [{ hash: 'aabbcc', message: 'fix' }], includes_fix: true };
+    const el = renderDeploymentBadge(status, makeDoc());
+    assert.ok(el.className.includes('deployment-badge--deployed'), `className: ${el.className}`);
+  });
+
+  it('applies pending class when includes_fix is false', () => {
+    const status = { deployed_commit: 'abc123', fix_commits: [{ hash: 'aabbcc', message: 'fix' }], includes_fix: false };
+    const el = renderDeploymentBadge(status, makeDoc());
+    assert.ok(el.className.includes('deployment-badge--pending'), `className: ${el.className}`);
+  });
+
+  it('returns null for doc=null', () => {
+    const status = { deployed_commit: 'abc', fix_commits: [], includes_fix: false };
+    const el = renderDeploymentBadge(status, null);
+    assert.equal(el, null);
+  });
+});