aboutsummaryrefslogtreecommitdiff
path: root/src/components/preview/badge.test.tsx
blob: fea753da4bb711283cf85818866ddfabe095cd31 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
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')
})