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

describe('Select', () => {
  it('renders a Select', () => {
    const tree = renderWithTheme(
      <Select
        options={[
          { label: 'One', value: 1 },
          { label: 'Two', value: 2 },
          { label: 'Three', value: 3 },
        ]}
        placeholder="Choose"
        input={{ name: 'test-select' }}
        label="Select"
      />
    )
    expect(tree).toMatchSnapshot()
  })

  it('renders a Select with an error', () => {
    const tree = renderWithTheme(
      <Select
        options={[
          { label: 'One', value: 1 },
          { label: 'Two', value: 2 },
          { label: 'Three', value: 3 },
        ]}
        placeholder="Choose"
        input={{ name: 'test-select' }}
        label="Select"
        meta={{ touched: true, error: 'Error Message' }}
      />
    )
    expect(tree).toMatchSnapshot()
  })
})