[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,72 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders demo correctly 1`] = `
+<div>
+  <div>
+    <div class="van-swipe">
+      <div class="van-swipe__track" style="width: 400px; transition-duration: 0ms; transform: translateX(0px);">
+        <div class="van-swipe-item" style="width: 100px; height: 100%; transform: translateX(0px);">1</div>
+        <div class="van-swipe-item" style="width: 100px; height: 100%; transform: translateX(0px);">2</div>
+        <div class="van-swipe-item" style="width: 100px; height: 100%; transform: translateX(0px);">3</div>
+        <div class="van-swipe-item" style="width: 100px; height: 100%; transform: translateX(0px);">4</div>
+      </div>
+      <div class="van-swipe__indicators"><i class="van-swipe__indicator van-swipe__indicator--active" style="background-color: white;"></i><i class="van-swipe__indicator"></i><i class="van-swipe__indicator"></i><i class="van-swipe__indicator"></i></div>
+    </div>
+  </div>
+  <div>
+    <div class="van-swipe">
+      <div class="van-swipe__track" style="width: 400px; transition-duration: 0ms; transform: translateX(0px);">
+        <div class="van-swipe-item" style="width: 100px; height: 100%; transform: translateX(0px);"><img data-src="https://img.yzcdn.cn/public_files/2017/09/05/3bd347e44233a868c99cf0fe560232be.jpg" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" lazy="loading"></div>
+        <div class="van-swipe-item" style="width: 100px; height: 100%; transform: translateX(0px);"><img data-src="https://img.yzcdn.cn/public_files/2017/09/05/c0dab461920687911536621b345a0bc9.jpg" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" lazy="loading"></div>
+        <div class="van-swipe-item" style="width: 100px; height: 100%; transform: translateX(0px);"><img data-src="https://img.yzcdn.cn/public_files/2017/09/05/4e3ea0898b1c2c416eec8c11c5360833.jpg" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" lazy="loading"></div>
+        <div class="van-swipe-item" style="width: 100px; height: 100%; transform: translateX(0px);"><img data-src="https://img.yzcdn.cn/public_files/2017/09/05/fd08f07665ed67d50e11b32a21ce0682.jpg" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" lazy="loading"></div>
+      </div>
+      <div class="van-swipe__indicators"><i class="van-swipe__indicator van-swipe__indicator--active"></i><i class="van-swipe__indicator"></i><i class="van-swipe__indicator"></i><i class="van-swipe__indicator"></i></div>
+    </div>
+  </div>
+  <div>
+    <div class="van-swipe">
+      <div class="van-swipe__track" style="width: 400px; transition-duration: 0ms; transform: translateX(0px);">
+        <div class="van-swipe-item" style="width: 100px; height: 100%; transform: translateX(0px);">1</div>
+        <div class="van-swipe-item" style="width: 100px; height: 100%; transform: translateX(0px);">2</div>
+        <div class="van-swipe-item" style="width: 100px; height: 100%; transform: translateX(0px);">3</div>
+        <div class="van-swipe-item" style="width: 100px; height: 100%; transform: translateX(0px);">4</div>
+      </div>
+      <div class="van-swipe__indicators"><i class="van-swipe__indicator van-swipe__indicator--active" style="background-color: white;"></i><i class="van-swipe__indicator"></i><i class="van-swipe__indicator"></i><i class="van-swipe__indicator"></i></div>
+    </div>
+  </div>
+  <div>
+    <div class="demo-swipe--vertical van-swipe">
+      <div class="van-swipe__track" style="height: 400px; transition-duration: 0ms; transform: translateY(0px);">
+        <div class="van-swipe-item" style="width: 100px; height: 100px; transform: translateY(0px);">1</div>
+        <div class="van-swipe-item" style="width: 100px; height: 100px; transform: translateY(0px);">2</div>
+        <div class="van-swipe-item" style="width: 100px; height: 100px; transform: translateY(0px);">3</div>
+        <div class="van-swipe-item" style="width: 100px; height: 100px; transform: translateY(0px);">4</div>
+      </div>
+      <div class="van-swipe__indicators van-swipe__indicators--vertical"><i class="van-swipe__indicator van-swipe__indicator--active" style="background-color: white;"></i><i class="van-swipe__indicator"></i><i class="van-swipe__indicator"></i><i class="van-swipe__indicator"></i></div>
+    </div>
+  </div>
+  <div>
+    <div class="van-swipe">
+      <div class="van-swipe__track" style="width: 1200px; transition-duration: 0ms; transform: translateX(0px);">
+        <div class="van-swipe-item" style="width: 300px; height: 100%; transform: translateX(0px);">1</div>
+        <div class="van-swipe-item" style="width: 300px; height: 100%; transform: translateX(0px);">2</div>
+        <div class="van-swipe-item" style="width: 300px; height: 100%; transform: translateX(0px);">3</div>
+        <div class="van-swipe-item" style="width: 300px; height: 100%; transform: translateX(0px);">4</div>
+      </div>
+      <div class="van-swipe__indicators"><i class="van-swipe__indicator van-swipe__indicator--active" style="background-color: white;"></i><i class="van-swipe__indicator"></i><i class="van-swipe__indicator"></i><i class="van-swipe__indicator"></i></div>
+    </div>
+  </div>
+  <div>
+    <div class="van-swipe">
+      <div class="van-swipe__track" style="width: 400px; transition-duration: 0ms; transform: translateX(0px);">
+        <div class="van-swipe-item" style="width: 100px; height: 100%; transform: translateX(0px);">1</div>
+        <div class="van-swipe-item" style="width: 100px; height: 100%; transform: translateX(0px);">2</div>
+        <div class="van-swipe-item" style="width: 100px; height: 100%; transform: translateX(0px);">3</div>
+        <div class="van-swipe-item" style="width: 100px; height: 100%; transform: translateX(0px);">4</div>
+      </div>
+      <div class="custom-indicator">1/4</div>
+    </div>
+  </div>
+</div>
+`;
@@ -0,0 +1,17 @@
+import Demo from '../demo';
+import demoTest from '../../../test/demo-test';
+import { mockGetBoundingClientRect } from '../../../test/utils';
+
+let restore;
+
+demoTest(Demo, {
+  hookBeforeTest: () => {
+    restore = mockGetBoundingClientRect({
+      width: 100,
+      height: 100
+    });
+  },
+  hookAfterTest: () => {
+    restore();
+  }
+});
@@ -0,0 +1,126 @@
+import Swipe from '..';
+import SwipeItem from '../../swipe-item';
+import { mount, triggerDrag, later } from '../../../test/utils';
+
+const Component = {
+  template: `
+    <swipe ref="swipe" v-bind="$props">
+      <swipe-item :style="style">1</swipe-item>
+      <swipe-item :style="style">2</swipe-item>
+      <swipe-item :style="style">3</swipe-item>
+    </swipe>
+  `,
+  components: {
+    Swipe,
+    SwipeItem
+  },
+  props: {
+    vertical: Boolean,
+    loop: {
+      type: Boolean,
+      default: true
+    },
+    touchable: {
+      type: Boolean,
+      default: true
+    },
+    autoplay: {
+      type: Number,
+      default: 0
+    },
+    initialSwipe: {
+      type: Number,
+      default: 0
+    }
+  },
+  data() {
+    return {
+      style: {
+        width: '100px',
+        height: '100px'
+      }
+    };
+  }
+};
+
+test('swipeTo', async () => {
+  const wrapper = mount(Component);
+  const { swipe } = wrapper.vm.$refs;
+  swipe.swipeTo(2);
+
+  await later(30);
+  expect(swipe.active).toEqual(2);
+});
+
+test('initial swipe', () => {
+  const wrapper = mount(Component);
+  const { swipe } = wrapper.vm.$refs;
+
+  expect(swipe.active).toEqual(0);
+  wrapper.setProps({ initialSwipe: 2 });
+  expect(swipe.active).toEqual(2);
+});
+
+test('vertical swipe', () => {
+  const wrapper = mount(Component, {
+    propsData: {
+      vertical: true
+    }
+  });
+  const { swipe } = wrapper.vm.$refs;
+  const track = wrapper.find('.van-swipe__track');
+
+  triggerDrag(track, 0, -100);
+  expect(swipe.active).toEqual(1);
+});
+
+test('untouchable', () => {
+  const wrapper = mount(Component, {
+    propsData: {
+      touchable: false
+    }
+  });
+  const { swipe } = wrapper.vm.$refs;
+  const track = wrapper.find('.van-swipe__track');
+
+  triggerDrag(track, 100, 0);
+  expect(swipe.active).toEqual(0);
+});
+
+test('loop', () => {
+  const wrapper = mount(Component);
+  const { swipe } = wrapper.vm.$refs;
+  const track = wrapper.find('.van-swipe__track');
+
+  triggerDrag(track, -100, 0);
+  expect(swipe.active).toEqual(1);
+  triggerDrag(track, -100, 0);
+  expect(swipe.active).toEqual(2);
+  triggerDrag(track, -100, 0);
+  expect(swipe.active).toEqual(3);
+  triggerDrag(track, -100, 0);
+  expect(swipe.active).toEqual(1);
+  triggerDrag(track, 100, 0);
+  expect(swipe.active).toEqual(0);
+  triggerDrag(track, 100, 0);
+  expect(swipe.active).toEqual(-1);
+  triggerDrag(track, 100, 0);
+  expect(swipe.active).toEqual(1);
+});
+
+test('not loop', () => {
+  const wrapper = mount(Component, {
+    propsData: {
+      loop: false
+    }
+  });
+  const { swipe } = wrapper.vm.$refs;
+  const track = wrapper.find('.van-swipe__track');
+
+  triggerDrag(track, -100, 0);
+  expect(swipe.active).toEqual(1);
+  triggerDrag(track, -100, 0);
+  expect(swipe.active).toEqual(2);
+  triggerDrag(track, -100, 0);
+  expect(swipe.active).toEqual(2);
+});