Function compareSummaryCard

tests/loadtest/tools/dashboard/app.js:1141–1167

(label, leftName, leftRaw, rightName, rightRaw, formatter, delta)

}

function compareSummaryCard(label, leftName, leftRaw, rightName, rightRaw, formatter, delta) {
  const tone = buildCompareTone(leftRaw, rightRaw, formatter);
  const leftValue = formatter(leftRaw);
  const rightValue = formatter(rightRaw);
  return `
    <article class="panel stat-card compare-card ${tone.changed ? "compare-card-changed" : ""}">
      <p class="section-kicker">${escapeHtml(label)}</p>
      <div class="compare-values compare-values-stacked">
        <div class="compare-value-row ${tone.leftClass}">
          <div class="compare-value-meta">
            <span class="compare-run-label">A</span>
            <span class="compare-run-name">${escapeHtml(leftName)}</span>
          </div>
          <strong class="compare-value-strong">${escapeHtml(leftValue)}</strong>
        </div>
        <div class="compare-value-row ${tone.rightClass}">
          <div class="compare-value-meta">
            <span class="compare-run-label">B</span>
            <span class="compare-run-name">${escapeHtml(rightName)}</span>
          </div>
          <strong class="compare-value-strong">${escapeHtml(rightValue)}</strong>
        </div>
      </div>
      <p class="compare-delta"><span class="${tone.deltaClass}">${escapeHtml(delta)}</span></p>
    </article>
  `;
}

function buildStats(overview, series) {
  return [