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

src/dialog/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> <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 role="dialog" aria-labelledby="标题" class="van-dialog" style="display: none;" name="van-dialog-bounce">
+      <div class="van-dialog__header">标题</div>
+      <div class="van-dialog__content"><img src="https://img.yzcdn.cn/public_files/2017/09/05/4e3ea0898b1c2c416eec8c11c5360833.jpg"></div>
+      <div class="van-hairline--top van-dialog__footer van-dialog__footer--buttons"><button class="van-button van-button--default van-button--large van-dialog__cancel"><span class="van-button__text">取消</span></button><button class="van-button van-button--default van-button--large van-dialog__confirm van-hairline--left"><span class="van-button__text">确认弹窗</span></button></div>
+    </div>
+  </div>
+</div>
+`;

src/dialog/test/__snapshots__/index.spec.js.snap

@@ -0,0 +1,13 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`button color 1`] = `
+<div role="dialog" class="van-dialog" name="van-dialog-bounce">
+  <div class="van-hairline--top van-dialog__footer van-dialog__footer--buttons"><button class="van-button van-button--default van-button--large van-dialog__cancel" style="color: white;"><span class="van-button__text">取消</span></button><button class="van-button van-button--default van-button--large van-dialog__confirm van-hairline--left" style="color: red;"><span class="van-button__text">确认</span></button></div>
+</div>
+`;
+
+exports[`button text 1`] = `
+<div role="dialog" class="van-dialog" name="van-dialog-bounce">
+  <div class="van-hairline--top van-dialog__footer van-dialog__footer--buttons"><button class="van-button van-button--default van-button--large van-dialog__cancel"><span class="van-button__text">Custom cancel</span></button><button class="van-button van-button--default van-button--large van-dialog__confirm van-hairline--left"><span class="van-button__text">Custom confirm</span></button></div>
+</div>
+`;

src/dialog/test/demo.spec.js

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

src/dialog/test/index.spec.js

@@ -0,0 +1,106 @@
+import Vue from 'vue';
+import Dialog from '..';
+import DialogVue from '../Dialog';
+import { mount, later, trigger, transitionStub } from '../../../test/utils';
+
+transitionStub();
+
+test('Dialog function call', async () => {
+  Dialog.close();
+  Dialog.alert({
+    message: '1',
+    showCancelButton: true
+  });
+
+  await later();
+
+  const callback = jest.fn();
+  const dialog = document.querySelector('.van-dialog');
+
+  expect(dialog.style.display).toEqual('');
+  Dialog.close();
+
+  await later();
+  expect(dialog.style.display).toEqual('none');
+  Dialog.confirm().catch(callback);
+  document.querySelector('.van-dialog__cancel').click();
+
+  await later();
+  expect(callback).toHaveBeenCalledWith('cancel');
+  Dialog.confirm().then(callback);
+  document.querySelector('.van-dialog__confirm').click();
+
+  await later();
+  expect(callback).toHaveBeenNthCalledWith(2, 'confirm');
+});
+
+test('before close', () => {
+  const wrapper = mount(DialogVue, {
+    propsData: {
+      value: true,
+      showCancelButton: true,
+      closeOnClickOverlay: true,
+      beforeClose: (action, done) => done(false)
+    }
+  });
+
+  const cancel = wrapper.find('.van-dialog__cancel');
+
+  cancel.trigger('click');
+  expect(wrapper.emitted('input')).toBeFalsy();
+
+  wrapper.setProps({
+    beforeClose: (action, done) => {
+      if (action === 'cancel') {
+        done();
+      }
+    }
+  });
+
+  const overlay = document.querySelector('.van-overlay');
+  trigger(overlay, 'click');
+  expect(wrapper.emitted('input')).toBeFalsy();
+
+  cancel.trigger('click');
+  expect(wrapper.emitted('input')[0]).toBeTruthy();
+});
+
+test('set default options', () => {
+  Dialog.setDefaultOptions({ lockScroll: false });
+  expect(Dialog.currentOptions.lockScroll).toBeFalsy();
+  Dialog.resetDefaultOptions();
+  expect(Dialog.currentOptions.lockScroll).toBeTruthy();
+});
+
+test('register component', () => {
+  Vue.use(Dialog);
+  expect(Vue.component(DialogVue.name)).toBeTruthy();
+});
+
+test('button color', () => {
+  const wrapper = mount(DialogVue, {
+    propsData: {
+      value: true,
+      showCancelButton: true,
+      cancelButtonColor: 'white',
+      confirmButtonColor: 'red'
+    }
+  });
+  expect(wrapper).toMatchSnapshot();
+});
+
+test('button text', () => {
+  const wrapper = mount(DialogVue, {
+    propsData: {
+      value: true,
+      showCancelButton: true,
+      cancelButtonText: 'Custom cancel',
+      confirmButtonText: 'Custom confirm'
+    }
+  });
+  expect(wrapper).toMatchSnapshot();
+});
+
+test('dialog component', () => {
+  expect(Dialog.Component).toEqual(DialogVue);
+});