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

describe('DoubleRadioGroup', () => {
  it('renders a DoubleRadioGroup', () => {
    const tree = renderWithTheme(
      <DoubleRadioGroup
        values={
          {
            knee: [
              { label: 'Left', value: 'Left Knee' },
              { label: 'Right', value: 'Right Knee' },
              { label: 'Bilateral', value: 'Bilateral Knee' },
            ],
            hip: [
              { label: 'Left', value: 'Left Hip' },
              { label: 'Right', value: 'Right Hip' },
              { label: 'Bilateral', value: 'Bilateral Hip' },
            ],
          }
        }
        input={{
          name: 'surgicalSite'
        }}
        meta={{}}
      />
    )
    expect(tree).toMatchSnapshot()
  })

  it('renders a vertical DoubleRadioGroup', () => {
    const tree = renderWithTheme(
      <DoubleRadioGroup
        direction="vertical"
        values={
          {
            knee: [
              { label: 'Left', value: 'Left Knee' },
              { label: 'Right', value: 'Right Knee' },
              { label: 'Bilateral', value: 'Bilateral Knee' },
            ],
            hip: [
              { label: 'Left', value: 'Left Hip' },
              { label: 'Right', value: 'Right Hip' },
              { label: 'Bilateral', value: 'Bilateral Hip' },
            ],
          }
        }
        input={{
          name: 'surgicalSite'
        }}
        meta={{}}
      />
    )
    expect(tree).toMatchSnapshot()
  })

  it('renders a DoubleRadioGroup with error message', () => {
    const tree = renderWithTheme(
      <DoubleRadioGroup
        direction="vertical"
        values={
          {
            knee: [
              { label: 'Left', value: 'Left Knee' },
              { label: 'Right', value: 'Right Knee' },
              { label: 'Bilateral', value: 'Bilateral Knee' },
            ],
            hip: [
              { label: 'Left', value: 'Left Hip' },
              { label: 'Right', value: 'Right Hip' },
              { label: 'Bilateral', value: 'Bilateral Hip' },
            ],
          }
        }
        input={{
          name: 'surgicalSite'
        }}
        meta={{
          touched: true,
          error: 'This field is required'
        }}
      />
    )
    expect(tree).toMatchSnapshot()
  })
})