From fbe47e6f3a73be5790199172f6bcc6da4fb1aad1 Mon Sep 17 00:00:00 2001
From: Manuel <manuel.fischer@abusix.com>
Date: Tue, 26 Sep 2023 09:24:50 +0200
Subject: [PATCH] feat(chore): add badge test

---
 src/components/badge/badge.test.tsx | 30 +++++++++++++++++++++++++++++
 1 file changed, 30 insertions(+)
 create mode 100644 src/components/badge/badge.test.tsx

diff --git a/src/components/badge/badge.test.tsx b/src/components/badge/badge.test.tsx
new file mode 100644
index 00000000..90ac4187
--- /dev/null
+++ b/src/components/badge/badge.test.tsx
@@ -0,0 +1,30 @@
+import { render, screen } from "@testing-library/react";
+import React from "react";
+import { describe, expect, it } from "vitest";
+import { Badge } from "./badge";
+
+describe("Badge", () => {
+    it("renders a badge with default appearance and passed string", () => {
+        const text = "Default Badge";
+        // ARRANGE
+        render(<Badge>{text}</Badge>);
+
+        // ASSERT
+        const badge = screen.getByText(text);
+        expect(badge).toBeInTheDocument();
+        expect(badge).toHaveAttribute("role", "button");
+        expect(badge).toHaveClass("rounded");
+    });
+
+    it("renders a badge with rounded appearance and passed string", () => {
+        const text = "Rounded Badge";
+        // ARRANGE
+        render(<Badge shape="rounded">{text}</Badge>);
+
+        // ASSERT
+        const badge = screen.getByText(text);
+        expect(badge).toBeInTheDocument();
+        expect(badge).toHaveAttribute("role", "button");
+        expect(badge).toHaveClass("rounded-full");
+    });
+});