From 914e7365034a560529b93573ae546146997fcabe Mon Sep 17 00:00:00 2001
From: KiruthikaJeyashankar
 <81218987+KiruthikaJeyashankar@users.noreply.github.com>
Date: Mon, 30 Oct 2023 22:12:36 +0530
Subject: [PATCH] test: add test for heading and tag component (#123)

---
 src/packages/Heading/test.tsx | 16 ++++++++++++++++
 src/packages/Tag/test.tsx     | 18 ++++++++++++++++++
 2 files changed, 34 insertions(+)
 create mode 100644 src/packages/Heading/test.tsx
 create mode 100644 src/packages/Tag/test.tsx

diff --git a/src/packages/Heading/test.tsx b/src/packages/Heading/test.tsx
new file mode 100644
index 0000000..ef4df08
--- /dev/null
+++ b/src/packages/Heading/test.tsx
@@ -0,0 +1,16 @@
+import React from 'react'
+import { render, screen } from '../../utils/testUtils'
+
+import Heading from '.'
+
+describe('<Heading/>', () => {
+  it('should render the heading', () => {
+    render(
+      <Heading>
+        <span>This is the heading</span>
+      </Heading>
+    )
+
+    expect(screen.getByText('This is the heading')).toBeInTheDocument()
+  })
+})
diff --git a/src/packages/Tag/test.tsx b/src/packages/Tag/test.tsx
new file mode 100644
index 0000000..f02fbc5
--- /dev/null
+++ b/src/packages/Tag/test.tsx
@@ -0,0 +1,18 @@
+import React from 'react'
+import { render, screen } from '../../utils/testUtils'
+
+import Tag from '.'
+
+describe('<Tag/>', () => {
+  it('should render the tag value given', () => {
+    render(<Tag value="coffee" />)
+
+    expect(screen.getByText('coffee')).toBeInTheDocument()
+  })
+
+  it('should render tag with uppercase content', async () => {
+    const dom = render(<Tag value="coffee" isUppercase={true} />)
+
+    expect(dom.getByText(/COFFEE/i)).toBeInTheDocument()
+  })
+})