[improvement] rename packages dir to src (#3659)

2019-06-27 11:25:57 +08:00
parent 8489918dca
commit 75c79b7044
619 changed files with 21 additions and 21 deletions
@@ -0,0 +1,112 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders demo correctly 1`] = `
+<div>
+  <div>
+    <div role="checkbox" tabindex="0" aria-checked="true" class="van-checkbox">
+      <div class="van-checkbox__icon van-checkbox__icon--round van-checkbox__icon--checked"><i class="van-icon van-icon-success">
+          <!----></i></div><span class="van-checkbox__label">复选框</span>
+    </div>
+  </div>
+  <div>
+    <div role="checkbox" tabindex="-1" aria-checked="false" class="van-checkbox">
+      <div class="van-checkbox__icon van-checkbox__icon--round van-checkbox__icon--disabled"><i class="van-icon van-icon-success">
+          <!----></i></div><span class="van-checkbox__label van-checkbox__label--disabled">
+      复选框
+    </span>
+    </div>
+    <div role="checkbox" tabindex="-1" aria-checked="true" class="van-checkbox">
+      <div class="van-checkbox__icon van-checkbox__icon--round van-checkbox__icon--disabled van-checkbox__icon--checked"><i class="van-icon van-icon-success">
+          <!----></i></div><span class="van-checkbox__label van-checkbox__label--disabled">
+      复选框
+    </span>
+    </div>
+  </div>
+  <div>
+    <div role="checkbox" tabindex="0" aria-checked="true" class="van-checkbox">
+      <div class="van-checkbox__icon van-checkbox__icon--round van-checkbox__icon--checked"><i class="van-icon van-icon-success" style="border-color: #07c160; background-color: rgb(7, 193, 96);">
+          <!----></i></div><span class="van-checkbox__label">
+      自定义颜色
+    </span>
+    </div>
+  </div>
+  <div>
+    <div role="checkbox" tabindex="0" aria-checked="true" class="van-checkbox">
+      <div class="van-checkbox__icon van-checkbox__icon--round van-checkbox__icon--checked"><img src="https://img.yzcdn.cn/vant/user-active.png"></div><span class="van-checkbox__label">
+      自定义图标
+      </span>
+    </div>
+  </div>
+  <div>
+    <div class="van-checkbox-group">
+      <div role="checkbox" tabindex="0" aria-checked="true" class="van-checkbox">
+        <div class="van-checkbox__icon van-checkbox__icon--round van-checkbox__icon--checked"><i class="van-icon van-icon-success">
+            <!----></i></div><span class="van-checkbox__label">
+        复选框 a
+      </span>
+      </div>
+      <div role="checkbox" tabindex="0" aria-checked="true" class="van-checkbox">
+        <div class="van-checkbox__icon van-checkbox__icon--round van-checkbox__icon--checked"><i class="van-icon van-icon-success">
+            <!----></i></div><span class="van-checkbox__label">
+        复选框 b
+      </span>
+      </div>
+      <div role="checkbox" tabindex="0" aria-checked="false" class="van-checkbox">
+        <div class="van-checkbox__icon van-checkbox__icon--round"><i class="van-icon van-icon-success">
+            <!----></i></div><span class="van-checkbox__label">
+        复选框 c
+      </span>
+      </div>
+    </div>
+  </div>
+  <div>
+    <div class="van-checkbox-group">
+      <div role="checkbox" tabindex="0" aria-checked="false" class="van-checkbox">
+        <div class="van-checkbox__icon van-checkbox__icon--round"><i class="van-icon van-icon-success">
+            <!----></i></div><span class="van-checkbox__label">
+        复选框 a
+      </span>
+      </div>
+      <div role="checkbox" tabindex="0" aria-checked="false" class="van-checkbox">
+        <div class="van-checkbox__icon van-checkbox__icon--round"><i class="van-icon van-icon-success">
+            <!----></i></div><span class="van-checkbox__label">
+        复选框 b
+      </span>
+      </div>
+      <div role="checkbox" tabindex="0" aria-checked="false" class="van-checkbox">
+        <div class="van-checkbox__icon van-checkbox__icon--round"><i class="van-icon van-icon-success">
+            <!----></i></div><span class="van-checkbox__label">
+        复选框 c
+      </span>
+      </div>
+    </div>
+  </div>
+  <div>
+    <div class="van-checkbox-group">
+      <div class="van-cell-group van-hairline--top-bottom">
+        <div class="van-cell van-cell--clickable">
+          <div class="van-cell__title"><span>复选框a</span></div>
+          <div role="checkbox" tabindex="0" aria-checked="false" class="van-checkbox">
+            <div class="van-checkbox__icon van-checkbox__icon--round"><i class="van-icon van-icon-success">
+                <!----></i></div>
+          </div>
+        </div>
+        <div class="van-cell van-cell--clickable">
+          <div class="van-cell__title"><span>复选框b</span></div>
+          <div role="checkbox" tabindex="0" aria-checked="false" class="van-checkbox">
+            <div class="van-checkbox__icon van-checkbox__icon--round"><i class="van-icon van-icon-success">
+                <!----></i></div>
+          </div>
+        </div>
+        <div class="van-cell van-cell--clickable">
+          <div class="van-cell__title"><span>复选框c</span></div>
+          <div role="checkbox" tabindex="0" aria-checked="false" class="van-checkbox">
+            <div class="van-checkbox__icon van-checkbox__icon--round"><i class="van-icon van-icon-success">
+                <!----></i></div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
@@ -0,0 +1,15 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`label disabled 1`] = `
+<div role="checkbox" tabindex="0" aria-checked="undefined" class="van-checkbox">
+  <div class="van-checkbox__icon van-checkbox__icon--round"><i class="van-icon van-icon-success">
+      <!----></i></div><span class="van-checkbox__label">Label</span>
+</div>
+`;
+
+exports[`label-position prop 1`] = `
+<div role="checkbox" tabindex="0" aria-checked="undefined" class="van-checkbox"><span class="van-checkbox__label van-checkbox__label--left">Label</span>
+  <div class="van-checkbox__icon van-checkbox__icon--round"><i class="van-icon van-icon-success">
+      <!----></i></div>
+</div>
+`;
@@ -0,0 +1,4 @@
+import Demo from '../demo';
+import demoTest from '../../../test/demo-test';
+
+demoTest(Demo);
@@ -0,0 +1,107 @@
+import Checkbox from '..';
+import CheckboxGroup from '../../checkbox-group';
+import { mount, later } from '../../../test/utils';
+
+test('switch checkbox', async () => {
+  const wrapper = mount(Checkbox);
+
+  wrapper.vm.$on('input', value => {
+    wrapper.setData({ value });
+  });
+
+  const icon = wrapper.find('.van-checkbox__icon');
+  icon.trigger('click');
+  await later();
+  icon.trigger('click');
+  await later();
+  expect(wrapper.emitted('input')).toEqual([[true], [false]]);
+  expect(wrapper.emitted('change')).toEqual([[true], [false]]);
+});
+
+test('disabled', () => {
+  const wrapper = mount(Checkbox, {
+    propsData: {
+      disabled: true
+    }
+  });
+
+  wrapper.find('.van-checkbox__icon').trigger('click');
+  expect(wrapper.emitted('input')).toBeFalsy();
+});
+
+test('label disabled', () => {
+  const wrapper = mount(Checkbox, {
+    scopedSlots: {
+      default: () => 'Label'
+    },
+    propsData: {
+      labelDisabled: true
+    }
+  });
+
+  wrapper.find('.van-checkbox__label').trigger('click');
+  expect(wrapper.emitted('input')).toBeFalsy();
+  expect(wrapper).toMatchSnapshot();
+});
+
+test('checkbox group', async () => {
+  const wrapper = mount({
+    template: `
+      <checkbox-group v-model="result" :max="2">
+        <checkbox v-for="item in list" :key="item" :name="item"></checkbox>
+      </checkbox-group>
+    `,
+    components: {
+      Checkbox,
+      CheckboxGroup
+    },
+    data() {
+      return {
+        result: [],
+        list: ['a', 'b', 'c']
+      };
+    }
+  });
+
+  const icons = wrapper.findAll('.van-checkbox__icon');
+  icons.at(0).trigger('click');
+  await later();
+  icons.at(1).trigger('click');
+  await later();
+  icons.at(2).trigger('click');
+  expect(wrapper.vm.result).toEqual(['a', 'b']);
+
+  await later();
+  icons.at(0).trigger('click');
+  await later();
+  expect(wrapper.vm.result).toEqual(['b']);
+});
+
+test('click event', () => {
+  const onClick = jest.fn();
+  const wrapper = mount(Checkbox, {
+    listeners: {
+      click: onClick
+    }
+  });
+
+  wrapper.trigger('click');
+  expect(onClick).toHaveBeenCalledTimes(1);
+
+  const icon = wrapper.find('.van-checkbox__icon');
+  icon.trigger('click');
+  expect(onClick).toHaveBeenCalledTimes(2);
+});
+
+test('label-position prop', () => {
+  const wrapper = mount(Checkbox, {
+    scopedSlots: {
+      default: () => 'Label'
+    },
+    propsData: {
+      labelPosition: 'left'
+    }
+  });
+
+  expect(wrapper).toMatchSnapshot();
+});