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

src/toast/test/__snapshots__/demo.spec.js.snap

@@ -0,0 +1,27 @@
+// 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--info van-button--normal"><span class="van-button__text">
+      成功提示
+    </span></button> <button class="van-button van-button--danger 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> <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/toast/test/__snapshots__/index.spec.js.snap

@@ -0,0 +1,28 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`create a forbidClick toast 1`] = `
+<div class="van-toast van-toast--middle" style="z-index: 2000;" name="van-fade"><i class="van-icon van-icon-success van-toast__icon">
+    <!----></i></div>
+`;
+
+exports[`icon prop 1`] = `
+<div class="van-toast van-toast--middle" style="z-index: 2004;" name="van-fade"><i class="van-icon van-icon-star-o van-toast__icon">
+    <!----></i>
+  <div class="van-toast__text">Message</div>
+</div>
+`;
+
+exports[`show html toast 1`] = `
+<div class="van-toast van-toast--middle van-toast--text" style="z-index: 2003;" name="van-fade">
+  <div class="van-toast__text">
+    <div>Message</div>
+  </div>
+</div>
+`;
+
+exports[`show loading toast 1`] = `
+<div class="van-toast van-toast--middle" style="z-index: 2002;" name="van-fade">
+  <div class="van-loading van-loading--circular van-toast__loading"><span class="van-loading__spinner van-loading__spinner--circular" style="color: white;"><svg viewBox="25 25 50 50" class="van-loading__circular"><circle cx="50" cy="50" r="20" fill="none"></circle></svg></span></div>
+  <div class="van-toast__text">Message</div>
+</div>
+`;

src/toast/test/demo.spec.js

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

src/toast/test/index.spec.js

@@ -0,0 +1,140 @@
+import Vue from 'vue';
+import Toast from '..';
+import ToastVue from '../Toast';
+import { transitionStub, later } from '../../../test/utils';
+
+transitionStub();
+
+test('create a forbidClick toast', async () => {
+  const toast = Toast({
+    forbidClick: true,
+    type: 'success'
+  });
+
+  await later();
+  expect(toast.$el.outerHTML).toMatchSnapshot();
+
+  await later();
+  expect(document.body.classList.contains('van-toast--unclickable')).toBeTruthy();
+  toast.forbidClick = false;
+
+  await later();
+  expect(document.body.classList.contains('van-toast--unclickable')).toBeFalsy();
+});
+
+it('toast disappeared after duration', async () => {
+  const toast = Toast({
+    duration: 10
+  });
+
+  await later(50);
+  expect(toast.$el.style.display).toEqual('none');
+});
+
+test('show loading toast', async () => {
+  const toast = Toast.loading({
+    message: 'Message'
+  });
+
+  await later();
+  expect(toast.$el.outerHTML).toMatchSnapshot();
+});
+
+test('show html toast', async () => {
+  const toast = Toast({
+    type: 'html',
+    message: '<div>Message</div>'
+  });
+
+  await later();
+  expect(toast.$el.outerHTML).toMatchSnapshot();
+});
+
+test('icon prop', async () => {
+  const toast = Toast({
+    message: 'Message',
+    icon: 'star-o'
+  });
+
+  await later();
+  expect(toast.$el.outerHTML).toMatchSnapshot();
+});
+
+test('clear toast', () => {
+  const toast1 = Toast();
+  expect(toast1.value).toBeTruthy();
+  Toast.clear();
+  expect(toast1.value).toBeFalsy();
+
+  Toast.allowMultiple();
+  const toast2 = Toast('2');
+  const toast3 = Toast('3');
+  Toast.clear(true);
+  expect(toast2.value).toBeFalsy();
+  expect(toast3.value).toBeFalsy();
+  Toast.allowMultiple(false);
+});
+
+test('clear multiple toast', () => {
+  Toast.allowMultiple();
+  Toast.clear(true);
+  const toast1 = Toast.success('1');
+  const toast2 = Toast.success('2');
+  Toast.clear();
+  expect(toast1.value).toBeFalsy();
+  expect(toast2.value).toBeTruthy();
+  Toast.clear();
+  Toast.clear();
+  expect(toast2.value).toBeFalsy();
+  Toast.allowMultiple(false);
+});
+
+test('remove toast DOM when cleared in multiple mode', async () => {
+  Toast.allowMultiple();
+  Toast.clear(true);
+  const toast = Toast({ message: '1' });
+  await later();
+
+  // mock onAfterLeave
+  toast.clear();
+  toast.onAfterLeave();
+  await later();
+
+  expect(toast.$el.parentNode).toEqual(null);
+  Toast.allowMultiple(false);
+});
+
+test('set default options', () => {
+  Toast.setDefaultOptions({ duration: 1000 });
+  expect(Toast().duration).toEqual(1000);
+  Toast.resetDefaultOptions();
+  expect(Toast().duration).toEqual(3000);
+});
+
+test('toast duration 0', () => {
+  Toast.allowMultiple();
+  const toast = Toast({
+    message: 'toast',
+    duration: 0
+  });
+  expect(toast.timer).toBeFalsy();
+  Toast.allowMultiple(false);
+});
+
+test('onClose callback', () => {
+  Toast.allowMultiple();
+  const onClose = jest.fn();
+  const toast = Toast({
+    message: 'toast',
+    onClose
+  });
+
+  toast.clear();
+  Toast.allowMultiple(false);
+  expect(onClose).toHaveBeenCalledTimes(1);
+});
+
+test('register component', () => {
+  Vue.use(Toast);
+  expect(Vue.component(ToastVue.name)).toBeTruthy();
+});