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

src/action-sheet/test/__snapshots__/demo.spec.js.snap

@@ -0,0 +1,26 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders demo correctly 1`] = `
+<div>
+  <div><button class="van-button van-button--primary van-button--normal"><span class="van-button__text">
+      弹出菜单
+    </span></button>
+    <!---->
+  </div>
+  <div><button class="van-button van-button--primary van-button--normal"><span class="van-button__text">
+      弹出菜单
+    </span></button>
+    <!---->
+  </div>
+  <div><button class="van-button van-button--primary van-button--normal"><span class="van-button__text">
+      弹出菜单
+    </span></button>
+    <!---->
+  </div>
+  <div><button class="van-button van-button--primary van-button--normal"><span class="van-button__text">
+      弹出菜单
+    </span></button>
+    <!---->
+  </div>
+</div>
+`;

src/action-sheet/test/__snapshots__/index.spec.js.snap

@@ -0,0 +1,23 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`callback events 1`] = `
+<div class="van-popup van-popup--bottom van-action-sheet" name="van-popup-slide-bottom">
+  <div class="van-action-sheet__item van-hairline--top"><span class="van-action-sheet__name">Option</span></div>
+  <div class="van-action-sheet__item van-action-sheet__item--disabled van-hairline--top"><span class="van-action-sheet__name">Option</span></div>
+  <div class="van-action-sheet__item van-action-sheet__item--disabled van-hairline--top">
+    <div class="van-loading van-loading--circular"><span class="van-loading__spinner van-loading__spinner--circular" style="color: rgb(201, 201, 201); width: 20px; height: 20px;"><svg viewBox="25 25 50 50" class="van-loading__circular"><circle cx="50" cy="50" r="20" fill="none"></circle></svg></span></div>
+  </div>
+  <div class="van-action-sheet__item van-hairline--top"><span class="van-action-sheet__name">Option</span><span class="van-action-sheet__subname">Subname</span></div>
+  <div class="van-action-sheet__cancel">Cancel</div>
+</div>
+`;
+
+exports[`disable lazy-render 1`] = `
+<div class="van-popup van-popup--bottom van-action-sheet" style="display: none;" name="van-popup-slide-bottom">
+  <div class="van-action-sheet__item van-hairline--top"><span class="van-action-sheet__name">Option</span></div>
+  <div class="van-action-sheet__item van-hairline--top"><span class="van-action-sheet__name">Option</span></div>
+  <div class="van-action-sheet__cancel">Cancel</div>
+</div>
+`;
+
+exports[`render title and default slot 1`] = ``;

src/action-sheet/test/demo.spec.js

@@ -0,0 +1,4 @@
+import Demo from '../demo';
+import demoTest from '../../../test/demo-test';
+
+demoTest(Demo);

src/action-sheet/test/index.spec.js

@@ -0,0 +1,139 @@
+import { mount } from '../../../test/utils';
+import ActionSheet from '..';
+
+test('callback events', () => {
+  const callback = jest.fn();
+  const onInput = jest.fn();
+  const onCancel = jest.fn();
+  const onSelect = jest.fn();
+
+  const actions = [
+    { name: 'Option', callback },
+    { name: 'Option', disabled: true },
+    { name: 'Option', loading: true },
+    { name: 'Option', subname: 'Subname' },
+  ];
+
+  const wrapper = mount(ActionSheet, {
+    propsData: {
+      value: true,
+      actions,
+      cancelText: 'Cancel'
+    },
+    context: {
+      on: {
+        input: onInput,
+        cancel: onCancel,
+        select: onSelect
+      }
+    }
+  });
+
+  const options = wrapper.findAll('.van-action-sheet__item');
+  options.at(0).trigger('click');
+  options.at(1).trigger('click');
+  wrapper.find('.van-action-sheet__cancel').trigger('click');
+
+  expect(callback).toHaveBeenCalled();
+  expect(onCancel).toHaveBeenCalled();
+  expect(onInput).toHaveBeenCalledWith(false);
+  expect(onSelect).toHaveBeenCalledWith(actions[0], 0);
+  expect(wrapper).toMatchSnapshot();
+});
+
+test('click overlay and close', () => {
+  const onInput = jest.fn();
+  const onClickOverlay = jest.fn();
+  const div = document.createElement('div');
+
+  mount({
+    template: `
+      <div>
+        <action-sheet
+          :value="true"
+          :get-container="getContainer"
+          @input="onInput"
+          @click-overlay="onClickOverlay"
+        />
+      </div>
+    `,
+    components: {
+      ActionSheet
+    },
+    data() {
+      return {
+        getContainer: () => div
+      };
+    },
+    methods: {
+      onInput,
+      onClickOverlay
+    }
+  });
+
+  div.querySelector('.van-overlay').click();
+  expect(onInput).toHaveBeenCalledWith(false);
+  expect(onClickOverlay).toHaveBeenCalledTimes(1);
+});
+
+test('disable lazy-render', () => {
+  const wrapper = mount(ActionSheet, {
+    propsData: {
+      lazyRender: false,
+      actions: [
+        { name: 'Option' },
+        { name: 'Option' }
+      ],
+      cancelText: 'Cancel'
+    }
+  });
+
+  expect(wrapper).toMatchSnapshot();
+});
+
+test('render title and default slot', () => {
+  const wrapper = mount(ActionSheet, {
+    propsData: {
+      title: 'Title'
+    },
+    scopedSlots: {
+      default() {
+        return 'Default';
+      }
+    }
+  });
+
+  expect(wrapper).toMatchSnapshot();
+});
+
+test('get container', () => {
+  const wrapper = mount(ActionSheet, {
+    propsData: {
+      value: true,
+      getContainer: 'body'
+    }
+  });
+
+  expect(wrapper.vm.$el.parentNode).toEqual(document.body);
+});
+
+test('close-on-click-action prop', () => {
+  const onInput = jest.fn();
+  const wrapper = mount(ActionSheet, {
+    propsData: {
+      value: true,
+      actions: [{ name: 'Option' }],
+      closeOnClickAction: true
+    },
+    context: {
+      on: {
+        input: onInput
+      }
+    }
+  });
+
+  const option = wrapper.find('.van-action-sheet__item');
+  option.trigger('click');
+
+  expect(onInput).toHaveBeenCalledWith(false);
+});