[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,14 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders demo correctly 1`] = `
+<div>
+  <div class="van-pull-refresh">
+    <div class="van-pull-refresh__track" style="transition: 0ms;">
+      <div class="van-pull-refresh__head"></div>
+      <div>
+        <p>刷新次数: 0</p>
+      </div>
+    </div>
+  </div>
+</div>
+`;
@@ -0,0 +1,57 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`change head content when pulling down 1`] = `
+<div class="van-pull-refresh">
+  <div class="van-pull-refresh__track" style="transition: 0ms; transform: translate3d(0,20px, 0);">
+    <div class="van-pull-refresh__head">
+      <div class="van-pull-refresh__text">下拉即可刷新...</div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`change head content when pulling down 2`] = `
+<div class="van-pull-refresh">
+  <div class="van-pull-refresh__track" style="transition: 0ms; transform: translate3d(0,75px, 0);">
+    <div class="van-pull-refresh__head">
+      <div class="van-pull-refresh__text">释放即可刷新...</div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`change head content when pulling down 3`] = `
+<div class="van-pull-refresh">
+  <div class="van-pull-refresh__track" style="transition: 300ms; transform: translate3d(0,50px, 0);">
+    <div class="van-pull-refresh__head">
+      <div class="van-loading van-loading--circular"><span class="van-loading__spinner van-loading__spinner--circular" style="color: rgb(201, 201, 201); width: 16px; height: 16px;"><svg viewBox="25 25 50 50" class="van-loading__circular"><circle cx="50" cy="50" r="20" fill="none"></circle></svg></span><span class="van-loading__text">加载中...</span></div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`change head content when pulling down 4`] = `
+<div class="van-pull-refresh">
+  <div class="van-pull-refresh__track" style="transition: 300ms; transform: translate3d(0,50px, 0);">
+    <div class="van-pull-refresh__head">
+      <div class="van-loading van-loading--circular"><span class="van-loading__spinner van-loading__spinner--circular" style="color: rgb(201, 201, 201); width: 16px; height: 16px;"><svg viewBox="25 25 50 50" class="van-loading__circular"><circle cx="50" cy="50" r="20" fill="none"></circle></svg></span><span class="van-loading__text">加载中...</span></div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`change head content when pulling down 5`] = `
+<div class="van-pull-refresh">
+  <div class="van-pull-refresh__track" style="transition: 300ms;">
+    <div class="van-pull-refresh__head"></div>
+  </div>
+</div>
+`;
+
+exports[`not in page top 1`] = `
+<div class="van-pull-refresh">
+  <div class="van-pull-refresh__track" style="transition: 0ms;">
+    <div class="van-pull-refresh__head"></div>
+  </div>
+</div>
+`;
@@ -0,0 +1,4 @@
+import Demo from '../demo';
+import demoTest from '../../../test/demo-test';
+
+demoTest(Demo);
@@ -0,0 +1,70 @@
+import PullRefresh from '..';
+import { mount, trigger, triggerDrag } from '../../../test/utils';
+
+test('change head content when pulling down', () => {
+  const wrapper = mount(PullRefresh, {
+    propsData: {
+      value: false
+    }
+  });
+
+  wrapper.vm.$on('input', value => {
+    wrapper.vm.value = value;
+  });
+
+  const track = wrapper.find('.van-pull-refresh__track');
+
+  // pulling
+  trigger(track, 'touchstart', 0, 0);
+  trigger(track, 'touchmove', 0, 20);
+  expect(wrapper).toMatchSnapshot();
+
+  // loosing
+  trigger(track, 'touchmove', 0, 100);
+  expect(wrapper).toMatchSnapshot();
+
+  // loading
+  trigger(track, 'touchend', 0, 100);
+  expect(wrapper).toMatchSnapshot();
+
+  // still loading
+  triggerDrag(track, 0, 100);
+  expect(wrapper).toMatchSnapshot();
+
+  expect(wrapper.emitted('input')).toBeTruthy();
+  expect(wrapper.emitted('refresh')).toBeTruthy();
+
+  // end loading
+  wrapper.vm.value = false;
+  expect(wrapper).toMatchSnapshot();
+});
+
+test('pull a short distance', () => {
+  const wrapper = mount(PullRefresh, {
+    propsData: {
+      value: false
+    }
+  });
+
+  const track = wrapper.find('.van-pull-refresh__track');
+  triggerDrag(track, 0, 10);
+  expect(wrapper.emitted('input')).toBeFalsy();
+});
+
+test('not in page top', () => {
+  const wrapper = mount(PullRefresh, {
+    propsData: {
+      value: false
+    }
+  });
+
+  window.scrollTop = 100;
+
+  const track = wrapper.find('.van-pull-refresh__track');
+  // ignore touch event when not at page top
+  triggerDrag(track, 0, 100);
+  window.scrollTop = 0;
+  trigger(track, 'touchmove', 0, 100);
+
+  expect(wrapper).toMatchSnapshot();
+});