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

import Cascader, { MultiCascader } from '.'

const options = [{
  label: '北京',
  value: 'bj',
  children: [{
    label: '朝阳区',
    value: 'chaoyang'
  }, {
    label: '海淀区',
    value: 'haidian',
    disabled: true
  }]
}]

describe('Cascader', () => {
  test('basic.', () => {
    const value = ['bj', 'chaoyang']

    const tree = renderer.create(
      <Cascader
        options={options}
        defaultValue={value}
        placeholder="请输入"
        className="portal-cascader"
      />
    ).toJSON()
    expect(tree).toMatchSnapshot()
  })

  test('different size.', () => {
    const value = ['bj', 'chaoyang']

    const tree = renderer.create(
      <>
        <Cascader
          options={options}
          defaultValue={value}
          placeholder="请输入"
          size="small"
          className="portal-cascader"
        />
        <Cascader
          options={options}
          defaultValue={value}
          placeholder="请输入"
          size="large"
          className="portal-cascader"
        />
      </>
    ).toJSON()
    expect(tree).toMatchSnapshot()
  })

  test('searchable and clearable.', () => {
    const value = ['bj', 'chaoyang']

    const tree = renderer.create(
      <Cascader
        options={options}
        defaultValue={value}
        placeholder="请输入"
        searchable
        clearable
        className="portal-cascader"
      />
    ).toJSON()
    expect(tree).toMatchSnapshot()
  })

  test('multiSelectable.', () => {
    const value = ['bj', 'chaoyang']

    const tree = renderer.create(
      <MultiCascader
        options={options}
        defaultValue={[value]}
        placeholder="请输入"
        className="portal-cascader"
      />
    ).toJSON()
    expect(tree).toMatchSnapshot()
  })
})