From 1f77ef312a54b2555f379a9afcf90777a4330802 Mon Sep 17 00:00:00 2001
From: Yuri <118747540+sldk-yuri@users.noreply.github.com>
Date: Thu, 22 Dec 2022 08:25:24 +0300
Subject: [PATCH] test(badge): adds test cases for the Badge (#280)

---
 src/Badge/Badge.test.tsx | 38 ++++++++++++++++++++++++++++++++++++++
 1 file changed, 38 insertions(+)
 create mode 100644 src/Badge/Badge.test.tsx

diff --git a/src/Badge/Badge.test.tsx b/src/Badge/Badge.test.tsx
new file mode 100644
index 00000000..b1612ae6
--- /dev/null
+++ b/src/Badge/Badge.test.tsx
@@ -0,0 +1,38 @@
+import { render, screen } from '@testing-library/react'
+import { createRef } from 'react'
+import Badge from './Badge'
+
+describe('Badge', () => {
+  it('renders a default state', () => {
+    render(<Badge>Test</Badge>)
+    expect(screen.getByLabelText('Badge')).toBeTruthy()
+  })
+
+  it('renders a variant', () => {
+    render(<Badge variant="outline">Test</Badge>)
+    expect(screen.getByLabelText('Badge')).toHaveClass('badge-outline')
+  })
+
+  it('renders a size', () => {
+    render(<Badge size="xs">Test</Badge>)
+    expect(screen.getByLabelText('Badge')).toHaveClass('badge-xs')
+  })
+
+  it('renders a color', () => {
+    render(<Badge color="success">Test</Badge>)
+    expect(screen.getByLabelText('Badge')).toHaveClass('badge-success')
+  })
+
+  it('renders a responsive', () => {
+    render(<Badge responsive>Test</Badge>)
+    expect(screen.getByLabelText('Badge')).toHaveClass(
+      'badge-xs md:badge-sm lg:badge-md xl:badge-lg'
+    )
+  })
+
+  it('should be able to access the native div', () => {
+    const badgeRef = createRef<HTMLDivElement>()
+    render(<Badge ref={badgeRef} />)
+    expect(screen.getByLabelText('Badge')).toEqual(badgeRef.current)
+  })
+})