test: add test case for verticalAlign prop

uxcore · Jun 15, 2018 · 2bd41c9 · 2bd41c9
1 parent 868e1f8
commit 2bd41c9
Showing 1 changed file with 15 additions and 2 deletions.
diff --git a/tests/CheckboxGroup.spec.jsx b/tests/CheckboxGroup.spec.jsx
@@ -20,8 +20,14 @@ function renderWithProps(someProps) {
     { value: 'sea', text: '大海' },
   ];
   assign(props, someProps);
-  const CheckboxGroupItems = items.map(v => (
-    <CheckboxGroupItem disabled={v.disabled} value={v.value} text={v.text} />
+  const CheckboxGroupItems = items.map((v, i) => (
+    <CheckboxGroupItem
+      disabled={v.disabled}
+      value={v.value}
+      text={v.text}
+      addon={'addon'}
+      showAddonWhenChecked={i % 2 === 0}
+    />
   ));
   const wrapper = mount(<CheckboxGroup {...props}>
     {CheckboxGroupItems}
@@ -90,6 +96,13 @@ describe('CheckboxGroup', () => {
       expect(wrapper.find('.kuma-checkbox-group-item').length).to.be(4);
       done();
     });
+    it('should render verticalAlign correctly', (done) => {
+      const wrapper = renderWithProps({
+        verticalAlign: true,
+      });
+      expect(wrapper.find('.kuma-checkbox-group-row').length).to.be(4);
+      done();
+    });
   });
 
   describe('control', () => {