fix(ui): render dynamic tab panels and ids

2026-08-25 17:59:10 +05:30
parent bc1211ea8b
commit fe86570f45
2 changed files with 23 additions and 6 deletions
@@ -2879,8 +2879,13 @@ test("tabs use wrn classes and declare real outputs instead of raw events", asyn
  expect(tabs).toHaveLength(2);
  expect(tabs[0]!.getAttribute("aria-selected")).toBe("true");
  expect(tabs[1]!.getAttribute("aria-selected")).toBe("false");
+  expect(tabs[0]!.id).toBe("wrn-tab-overview");
+  expect(tabs[0]!.getAttribute("aria-controls")).toBe("wrn-panel-overview");
  expect(dom.querySelector(".wrn-tabs")).not.toBeNull();
-  expect(dom.querySelectorAll('[role="tabpanel"]')).toHaveLength(2);
+  const panels = dom.querySelectorAll('[role="tabpanel"]');
+  expect(panels).toHaveLength(2);
+  expect(panels[0]!.id).toBe("wrn-panel-overview");
+  expect(panels[0]!.getAttribute("aria-labelledby")).toBe("wrn-tab-overview");
 });

 test("tabs in url mode declare the query parameter they sync to", async () => {