Skip to content

Commit c452be9

Browse files
kyletsangkyletsang
committed
test(ToggleButtonGroup): Fix tests after merge
1 parent 2bc3f0a commit c452be9

File tree

1 file changed

+62
-34
lines changed

1 file changed

+62
-34
lines changed

‎test/ToggleButtonGroupSpec.js‎

Lines changed: 62 additions & 34 deletions
Original file line numberDiff line numberDiff line change
@@ -45,53 +45,67 @@ describe('ToggleButtonGroup', () => {
4545
</ToggleButtonGroup>,
4646
);
4747

48-
wrapper
49-
.assertSingle('.btn-group.btn-group-toggle')
50-
.assertNone('.btn-group-vertical');
48+
wrapper.assertSingle('.btn-group').assertNone('.btn-group-vertical');
5149
wrapper.find('input[type="checkbox"]').length.should.equal(3);
5250
});
5351

5452
it('should render checkboxes vertically', () => {
5553
const wrapper = mount(
5654
<ToggleButtonGroup type="checkbox" vertical>
57-
<ToggleButtonGroup.Button value={1}>Option 1</ToggleButtonGroup.Button>
58-
<ToggleButtonGroup.Button value={2}>Option 2</ToggleButtonGroup.Button>
59-
<ToggleButtonGroup.Button value={3}>Option 3</ToggleButtonGroup.Button>
55+
<ToggleButtonGroup.Button id="id1" value={1}>
56+
Option 1
57+
</ToggleButtonGroup.Button>
58+
<ToggleButtonGroup.Button id="id2" value={2}>
59+
Option 2
60+
</ToggleButtonGroup.Button>
61+
<ToggleButtonGroup.Button id="id3" value={3}>
62+
Option 3
63+
</ToggleButtonGroup.Button>
6064
</ToggleButtonGroup>,
6165
);
6266

63-
wrapper
64-
.assertSingle('.btn-group-vertical.btn-group-toggle')
65-
.assertNone('.btn-group');
67+
wrapper.assertSingle('.btn-group-vertical').assertNone('.btn-group');
6668
wrapper.find('input[type="checkbox"]').length.should.equal(3);
6769
});
6870

6971
it('should render checkboxes vertically and small', () => {
7072
const wrapper = mount(
7173
<ToggleButtonGroup type="checkbox" vertical size="sm">
72-
<ToggleButtonGroup.Button value={1}>Option 1</ToggleButtonGroup.Button>
73-
<ToggleButtonGroup.Button value={2}>Option 2</ToggleButtonGroup.Button>
74-
<ToggleButtonGroup.Button value={3}>Option 3</ToggleButtonGroup.Button>
74+
<ToggleButtonGroup.Button id="id1" value={1}>
75+
Option 1
76+
</ToggleButtonGroup.Button>
77+
<ToggleButtonGroup.Button id="id2" value={2}>
78+
Option 2
79+
</ToggleButtonGroup.Button>
80+
<ToggleButtonGroup.Button id="id3" value={3}>
81+
Option 3
82+
</ToggleButtonGroup.Button>
7583
</ToggleButtonGroup>,
7684
);
7785

7886
wrapper
79-
.assertSingle('.btn-group-vertical.btn-group-sm.btn-group-toggle')
87+
.assertSingle('.btn-group-vertical.btn-group-sm')
8088
.assertNone('.btn-group');
8189
wrapper.find('input[type="checkbox"]').length.should.equal(3);
8290
});
8391

8492
it('should render checkboxes vertically and large', () => {
8593
const wrapper = mount(
8694
<ToggleButtonGroup type="checkbox" vertical size="lg">
87-
<ToggleButtonGroup.Button value={1}>Option 1</ToggleButtonGroup.Button>
88-
<ToggleButtonGroup.Button value={2}>Option 2</ToggleButtonGroup.Button>
89-
<ToggleButtonGroup.Button value={3}>Option 3</ToggleButtonGroup.Button>
95+
<ToggleButtonGroup.Button id="id1" value={1}>
96+
Option 1
97+
</ToggleButtonGroup.Button>
98+
<ToggleButtonGroup.Button id="id2" value={2}>
99+
Option 2
100+
</ToggleButtonGroup.Button>
101+
<ToggleButtonGroup.Button id="id3" value={3}>
102+
Option 3
103+
</ToggleButtonGroup.Button>
90104
</ToggleButtonGroup>,
91105
);
92106

93107
wrapper
94-
.assertSingle('.btn-group-vertical.btn-group-lg.btn-group-toggle')
108+
.assertSingle('.btn-group-vertical.btn-group-lg')
95109
.assertNone('.btn-group');
96110
wrapper.find('input[type="checkbox"]').length.should.equal(3);
97111
});
@@ -111,53 +125,67 @@ describe('ToggleButtonGroup', () => {
111125
</ToggleButtonGroup>,
112126
);
113127

114-
wrapper
115-
.assertSingle('.btn-group.btn-group-toggle')
116-
.assertNone('btn-group-vertical');
128+
wrapper.assertSingle('.btn-group').assertNone('btn-group-vertical');
117129
wrapper.find('input[type="radio"]').length.should.equal(3);
118130
});
119131

120132
it('should render radios vertically', () => {
121133
const wrapper = mount(
122134
<ToggleButtonGroup type="radio" name="items" vertical>
123-
<ToggleButtonGroup.Button value={1}>Option 1</ToggleButtonGroup.Button>
124-
<ToggleButtonGroup.Button value={2}>Option 2</ToggleButtonGroup.Button>
125-
<ToggleButtonGroup.Button value={3}>Option 3</ToggleButtonGroup.Button>
135+
<ToggleButtonGroup.Button id="id1" value={1}>
136+
Option 1
137+
</ToggleButtonGroup.Button>
138+
<ToggleButtonGroup.Button id="id2" value={2}>
139+
Option 2
140+
</ToggleButtonGroup.Button>
141+
<ToggleButtonGroup.Button id="id3" value={3}>
142+
Option 3
143+
</ToggleButtonGroup.Button>
126144
</ToggleButtonGroup>,
127145
);
128146

129-
wrapper
130-
.assertSingle('.btn-group-vertical.btn-group-toggle')
131-
.assertNone('.btn-group');
147+
wrapper.assertSingle('.btn-group-vertical').assertNone('.btn-group');
132148
wrapper.find('input[type="radio"]').length.should.equal(3);
133149
});
134150

135151
it('should render radios vertically and small', () => {
136152
const wrapper = mount(
137153
<ToggleButtonGroup type="radio" name="items" vertical size="sm">
138-
<ToggleButtonGroup.Button value={1}>Option 1</ToggleButtonGroup.Button>
139-
<ToggleButtonGroup.Button value={2}>Option 2</ToggleButtonGroup.Button>
140-
<ToggleButtonGroup.Button value={3}>Option 3</ToggleButtonGroup.Button>
154+
<ToggleButtonGroup.Button id="id1" value={1}>
155+
Option 1
156+
</ToggleButtonGroup.Button>
157+
<ToggleButtonGroup.Button id="id2" value={2}>
158+
Option 2
159+
</ToggleButtonGroup.Button>
160+
<ToggleButtonGroup.Button id="id3" value={3}>
161+
Option 3
162+
</ToggleButtonGroup.Button>
141163
</ToggleButtonGroup>,
142164
);
143165

144166
wrapper
145-
.assertSingle('.btn-group-vertical.btn-group-sm.btn-group-toggle')
167+
.assertSingle('.btn-group-vertical.btn-group-sm')
146168
.assertNone('.btn-group');
147169
wrapper.find('input[type="radio"]').length.should.equal(3);
148170
});
149171

150172
it('should render radios vertically and large', () => {
151173
const wrapper = mount(
152174
<ToggleButtonGroup type="radio" name="items" vertical size="lg">
153-
<ToggleButtonGroup.Button value={1}>Option 1</ToggleButtonGroup.Button>
154-
<ToggleButtonGroup.Button value={2}>Option 2</ToggleButtonGroup.Button>
155-
<ToggleButtonGroup.Button value={3}>Option 3</ToggleButtonGroup.Button>
175+
<ToggleButtonGroup.Button id="id1" value={1}>
176+
Option 1
177+
</ToggleButtonGroup.Button>
178+
<ToggleButtonGroup.Button id="id2" value={2}>
179+
Option 2
180+
</ToggleButtonGroup.Button>
181+
<ToggleButtonGroup.Button id="id3" value={3}>
182+
Option 3
183+
</ToggleButtonGroup.Button>
156184
</ToggleButtonGroup>,
157185
);
158186

159187
wrapper
160-
.assertSingle('.btn-group-vertical.btn-group-lg.btn-group-toggle')
188+
.assertSingle('.btn-group-vertical.btn-group-lg')
161189
.assertNone('.btn-group');
162190
wrapper.find('input[type="radio"]').length.should.equal(3);
163191
});

0 commit comments

Comments
 (0)