antd-enzyme/test/wrappers/CascaderWrapper.spec.js at master · yesmeck/antd-enzyme · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
import test from 'ava'
import sinon from 'sinon'
import 'patch'
import { mount } from 'enzyme'
import React from 'react'
import { Cascader } from 'antd'

const options = [
  {
    value: 'zhejiang',
    label: '浙江',
    children: [
      {
        value: 'hangzhou',
        label: '杭州',
        children: [
          {
            value: 'xihu',
            label: '西湖',
          }
        ],
      }
    ],
  },
  {
    value: 'jiangsu',
    label: '江苏',
    children: [
      {
        value: 'nanjing',
        label: '南京',
        children: [
          {
            value: 'zhonghuamen',
            label: '中华门',
          }
        ],
      }
    ],
  }
]

function Form({ handleChange }) {
  return (
    <div>
      <Cascader name="basic" options={options} onChange={handleChange} />
    </div>
  )
}

test.beforeEach(t => {
  t.context.handleChange = sinon.spy()
  t.context.wrapper = mount(<Form handleChange={t.context.handleChange} />)
})

test('basic', t => {
  const { handleChange, wrapper } = t.context
  const cascader = wrapper.antd().find('Cascader', { name: 'basic' })

  cascader.simulate('change', { target: { value: ['zhejiang', 'hangzhou', 'xihu'] } })

  t.true(handleChange.calledOnce)
  t.deepEqual(
    handleChange.firstCall.args,
    [
      ['zhejiang', 'hangzhou', 'xihu'],
      [
        {
          value: 'zhejiang',
          label: '浙江',
          children: [
            {
              value: 'hangzhou',
              label: '杭州',
              children: [
                {
                  value: 'xihu',
                  label: '西湖',
                }
              ],
            }
          ],
        },
        {
          value: 'hangzhou',
          label: '杭州',
          children: [
            {
              value: 'xihu',
              label: '西湖',
            }
          ],
        },

        {
          value: 'xihu',
          label: '西湖',
        },
      ]
    ]
  )
})