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

Component library for Muvehealth

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

describe('Text', () => {
  it('renders a Text Element', () => {
    const tree = shallow(
      <Text>
        This is a test
      </Text>
    )
    expect(tree).toMatchSnapshot()
  })

  it('renders a Text Element with a text-align attribute', () => {
    const tree = shallow(
      <Text textAlign="right">
        This is a test
      </Text>
    )
    expect(tree).toMatchSnapshot()
  })

  it('renders a bold Text Element', () => {
    const tree = renderWithTheme(
      <Text fontWeight="bold">
        This is a test
      </Text>
    )
    expect(tree).toMatchSnapshot()
  })
})