test: add test for heading and tag component (#123)

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()
+  })
+})

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()
+  })
+})