next/test/input/group-spec.js at master · lenz310/next · 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
import React from 'react';
import Enzyme, { mount } from 'enzyme';
import Adapter from 'enzyme-adapter-react-16';
import sinon from 'sinon';
import assert from 'power-assert';
import Select from '../../src/select';
import Button from '../../src/button';
import Input from '../../src/input/index';

Enzyme.configure({ adapter: new Adapter() });

const select = (
    <Select>
        <option value="1">1</option>
    </Select>
);
const button = <Button>search</Button>;

describe('input-group', () => {
    describe('render', () => {
        it('should accept addonBefore', () => {
            let wrapper = mount(
                <Input.Group addonBefore={select}>
                    <Input
                        hasClear
                        defaultValue="abc"
                        style={{ width: '100%' }}
                    />
                </Input.Group>
            );
            assert(wrapper.find('span.next-input-group-addon').length === 1);
            assert(
                wrapper.find('span.next-input-group-addon.next-before')
                    .length === 1
            );
            assert(
                wrapper.find('span.next-input-group-addon.next-after')
                    .length === 0
            );
        });

        it('should accept addonAfter', () => {
            let wrapper = mount(
                <Input.Group addonAfter={button}>
                    <Input
                        hasClear
                        defaultValue="abc"
                        style={{ width: '100%' }}
                    />
                </Input.Group>
            );
            assert(wrapper.find('span.next-input-group-addon').length === 1);
            assert(
                wrapper.find('span.next-input-group-addon.next-before')
                    .length === 0
            );
            assert(
                wrapper.find('span.next-input-group-addon.next-after')
                    .length === 1
            );
        });
    });
});