Extract an OverallStatusBar widget

2025-10-17 07:33:39 -07:00
parent b6426d2414
commit 4cc605756a
6 changed files with 193 additions and 132 deletions
--- a/src/html/OverallStatusBar.js
+++ b/src/html/OverallStatusBar.js
@@ -0,0 +1,75 @@
+jasmineRequire.OverallStatusBar = function(j$) {
+  'use strict';
+
+  const { createDom } = j$.private.htmlReporterUtils;
+
+  class OverallStatusBar {
+    #urlBuilder;
+
+    constructor(urlBuilder) {
+      this.#urlBuilder = urlBuilder;
+      this.rootEl = createDom('span', {
+        className: 'jasmine-overall-result jasmine-bar'
+      });
+    }
+
+    showDone(doneResult, stateBuilder) {
+      let statusBarMessage = '';
+      const globalFailures =
+        (doneResult && doneResult.failedExpectations) || [];
+      const failed = stateBuilder.failureCount + globalFailures.length > 0;
+
+      if (stateBuilder.totalSpecsDefined > 0 || failed) {
+        statusBarMessage +=
+          pluralize('spec', stateBuilder.specsExecuted) +
+          ', ' +
+          pluralize('failure', stateBuilder.failureCount);
+        if (stateBuilder.pendingSpecCount) {
+          statusBarMessage +=
+            ', ' + pluralize('pending spec', stateBuilder.pendingSpecCount);
+        }
+      }
+
+      if (doneResult.overallStatus === 'passed') {
+        this.rootEl.classList.add('jasmine-passed');
+      } else if (doneResult.overallStatus === 'incomplete') {
+        this.rootEl.classList.add('jasmine-incomplete');
+        statusBarMessage =
+          'Incomplete: ' +
+          doneResult.incompleteReason +
+          ', ' +
+          statusBarMessage;
+      } else {
+        this.rootEl.classList.add('jasmine-failed');
+      }
+
+      this.rootEl.textContent = statusBarMessage;
+
+      const order = doneResult.order;
+      if (order && order.random) {
+        this.rootEl.appendChild(
+          createDom(
+            'span',
+            { className: 'jasmine-seed-bar' },
+            ', randomized with seed ',
+            createDom(
+              'a',
+              {
+                title: 'randomized with seed ' + order.seed,
+                href: this.#urlBuilder.seedHref(order.seed)
+              },
+              order.seed
+            )
+          )
+        );
+      }
+    }
+  }
+
+  function pluralize(singular, count) {
+    const word = count === 1 ? singular : singular + 's';
+    return '' + count + ' ' + word;
+  }
+
+  return OverallStatusBar;
+};