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

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

  it('renders a Disabled Button', () => {
    const tree = renderWithTheme(
      <Button modifier="disabled" />
    )
    expect(tree).toMatchSnapshot()
  })

  it('renders a Secondary Off Button', () => {
    const tree = renderWithTheme(
      <Button modifier="secondaryOff" />
    )
    expect(tree).toMatchSnapshot()
  })

  it('renders a Pressed Button', () => {
    const tree = renderWithTheme(
      <Button modifier="press" />
    )
    expect(tree).toMatchSnapshot()
  })
})