Add tests

ClickHouse · Jan 7, 2025 · 0fa7832 · 0fa7832
1 parent 684daee
commit 0fa7832
Show file tree

Hide file tree

Showing 2 changed files with 27 additions and 0 deletions.
diff --git a/src/components/CardHorizontal/CardHorizontal.test.tsx b/src/components/CardHorizontal/CardHorizontal.test.tsx
@@ -13,9 +13,11 @@ describe("CardHorizontal Component", () => {
         title,
         icon: "warning",
         description: "",
+        badgeText: "",
       });
 
       expect(screen.getByText(title)).toBeDefined();
+      expect(screen.queryByTestId("horizontal-card-badge")).toBeNull();
     });
 
     it("should render the description when provided", () => {
@@ -28,5 +30,29 @@ describe("CardHorizontal Component", () => {
 
       expect(screen.getByText(description)).toBeDefined();
     });
+
+    it("should render the badge when provided", () => {
+      const description = "This is the card description";
+      renderCard({
+        icon: "warning",
+        title: "title",
+        description,
+        badgeText: "Badge",
+      });
+
+      expect(screen.getByText("title")).toBeDefined();
+      expect(screen.getByTestId("horizontal-card-badge")).toBeDefined();
+    });
+    it("should not render the badge when badgeText is provided and not title", () => {
+      const description = "This is the card description";
+      renderCard({
+        icon: "warning",
+        title: "",
+        description,
+        badgeText: "Badge",
+      });
+
+      expect(screen.queryByTestId("horizontal-card-badge")).toBeNull();
+    });
   });
 });
diff --git a/src/components/CardHorizontal/CardHorizontal.tsx b/src/components/CardHorizontal/CardHorizontal.tsx
@@ -186,6 +186,7 @@ export const CardHorizontal = ({
                 isResponsive={false}
                 justifyContent="end"
                 fillWidth={false}
+                data-testid="horizontal-card-badge"
               >
                 <Badge
                   text={badgeText}