Render health API names without label keys

static/health.js

@@ -65,7 +65,7 @@ function renderRow(record, recordIndex, dates, select) {
 }
 
 function renderGroup(group, groupIndex, records, dates, select) {
-  const [header, labels, values] = group;
+  const [header, names, values] = group;
   const section = document.createElement("section");
   section.className = "health-group";
 
@@ -75,11 +75,7 @@ function renderGroup(group, groupIndex, records, dates, select) {
   section.setAttribute("aria-labelledby", heading.id);
   section.append(heading);
 
-  for (const [seriesIndex, metric] of labels.entries()) {
+  for (const [seriesIndex, name] of names.entries()) {
-    const name =
-      Object.entries(metric)
-        .map(([key, value]) => `${key}=${value}`)
-        .join(", ") || "{}";
     const record = { name, values: values[seriesIndex] };
     const recordIndex = records.length;
 

tests/pages.cjs

@@ -15,8 +15,8 @@ days[3] = 0;
 const snapshot = [
   1786838400,
   [
-    ["Nodes", [{ node: "one" }, { node: "two" }], [days, days]],
+    ["Nodes", ["one", "two"], [days, days]],
-    ["Public services", [{ service: "code" }], [days]],
+    ["Public services", ["Code"], [days]],
   ],
 ];
 
@@ -56,6 +56,11 @@ async function checkHealth(page, width, mode) {
   );
 
   if (healthy) {
+    assert.deepEqual(await page.locator(".health-row h3").allTextContents(), [
+      "Code",
+      "one",
+      "two",
+    ]);
     assert.match(
       await page.locator(".health-group h2").first().textContent(),
       /Public services/,
@@ -63,6 +68,15 @@ async function checkHealth(page, width, mode) {
 
     await page.locator(".bar").nth(2).click();
     assert.match(await page.locator("#detail").textContent(), /95\.83%/);
+    assert.match(await page.locator("#detail").textContent(), /^Code ·/);
+    assert.equal(
+      await page.locator("#target option").first().textContent(),
+      "Public services · Code",
+    );
+    assert.match(
+      await page.locator(".bar").first().getAttribute("aria-label"),
+      /^Code ·/,
+    );
   } else {
     assert.equal(await page.locator("#observed").textContent(), "No data");
   }