import React from 'react'
import renderer from 'react-test-renderer'

import { Radio, RadioGroup } from '.'
import { Form, FormItem } from '../Form'

describe('Radio', () => {
  test('basic.', () => {
    const tree = renderer.create(
      <Radio>Radio</Radio>
    ).toJSON()
    expect(tree).toMatchSnapshot()
  })

  test('radio group.', () => {
    const options = ['A', 'B', 'C', 'D']
    const tree = renderer.create(
      <RadioGroup defaultValue="B">
        {options.map(v => <Radio key={v} value={v}>{v}</Radio>)}
      </RadioGroup>
    ).toJSON()
    expect(tree).toMatchSnapshot()
  })

  test('button-radio group.', () => {
    const options = ['A', 'B', 'C', 'D']
    const tree = renderer.create(
      <RadioGroup radioType="button" defaultValue="B">
        {options.map(v => <Radio key={v} value={v}>{v}</Radio>)}
      </RadioGroup>
    ).toJSON()
    expect(tree).toMatchSnapshot()
  })

  test('sized radio group.', () => {
    const tree = renderer.create(
      <>
        <Form size="small" footer={null}>
          <FormItem label="radio group">
            {/* group size 优先于 form size */}
            <RadioGroup defaultValue="B" size="large">
              <Radio key={1} value="A">A</Radio>
              <Radio key={2} value="B">B</Radio>)
            </RadioGroup>
          </FormItem>
        </Form>
        {/* radio size 优先于 group size */}
        <RadioGroup defaultValue="B" size="large">
          <Radio key={1} value="A">A</Radio>
          <Radio key={2} value="B" size="small">B</Radio>)
        </RadioGroup>
      </>
    ).toJSON()
    expect(tree).toMatchSnapshot()
  })
})