1 files changed, 22 insertions, 0 deletions
diff --git a/src/components/preview/badge.test.tsx b/src/components/preview/badge.test.tsx
new file mode 100644
index 0000000..fea753d
--- /dev/null
+++ b/src/components/preview/badge.test.tsx
@@ -0,0 +1,22 @@
+import { render } from '@testing-library/react'
+
+import Badge from './badge'
+
+test('Badge renders', () => {
+  const { container } = render(
+    <Badge color="black" name="name1" value="value1" />
+  )
+  const badge = container.firstElementChild!
+
+  expect(badge).toMatchSnapshot()
+  expect(badge.classList.contains('badge-wrapper')).toBe(true)
+  expect(
+    badge.querySelector<HTMLElement>('.badge-label')?.textContent
+  ).toStrictEqual('name1')
+  expect(
+    badge.querySelector<HTMLElement>('.badge-value')?.textContent
+  ).toStrictEqual('value1')
+  expect(
+    badge.querySelector<HTMLElement>('.badge-value')?.style.backgroundColor
+  ).toStrictEqual('black')
+})