@muvehealth/fixins/dist/elements/__tests__/Label.test.js.flow

Component library for Muvehealth

/* eslint-disable function-paren-newline, comma-dangle */
import React from 'react'
import renderWithTheme from '../../testHelper'
import Label from '../Label'

describe('Label', () => {
  it('renders a Label', () => {
    const tree = renderWithTheme(
      <Label>
        Label
      </Label>
    )
    expect(tree).toMatchSnapshot()
  })

  it('renders a Label in all caps', () => {
    const tree = renderWithTheme(
      <Label textStyle="caps">
        Label
      </Label>
    )
    expect(tree).toMatchSnapshot()
  })

  it('renders a Label that is hidden', () => {
    const tree = renderWithTheme(
      <Label hidden>
        Label
      </Label>
    )
    expect(tree).toMatchSnapshot()
  })

  it('renders a Label with letterSpacing', () => {
    const tree = renderWithTheme(
      <Label letterSpacing="3px">
        Label
      </Label>
    )
    expect(tree).toMatchSnapshot()
  })
})