@dxc-technology/halstack-react 0.0.0-cb610df → 0.0.0-cc01d9c

package/test/Tabs.test.js

@@ -14,6 +14,21 @@ const sampleTabs = [
   },
 ];
 
+const sampleTabsWithBadge = [
+  {
+    label: "Tab-1",
+    notificationNumber: "10",
+  },
+  {
+    label: "Tab-2",
+    notificationNumber: "20",
+  },
+  {
+    label: "Tab-3",
+    notificationNumber: "101",
+  },
+];
+
 describe("Tabs component tests", () => {
   test("Tabs render with correct labels", () => {
     const { getByText } = render(<DxcTabs tabs={sampleTabs}></DxcTabs>);
@@ -21,6 +36,12 @@ describe("Tabs component tests", () => {
     expect(getByText("Tab-2")).toBeTruthy();
     expect(getByText("Tab-3")).toBeTruthy();
   });
+  test("Tabs render with correct labels and badges", () => {
+    const { getByText } = render(<DxcTabs tabs={sampleTabsWithBadge}></DxcTabs>);
+    expect(getByText("10")).toBeTruthy();
+    expect(getByText("20")).toBeTruthy();
+    expect(getByText("+99")).toBeTruthy();
+  });
 
   test("Tabs render with correct icons", () => {
     const { getAllByRole } = render(