diff --git a/packages/pull-refresh/test/__snapshots__/index.spec.js.snap b/packages/pull-refresh/test/__snapshots__/index.spec.js.snap new file mode 100644 index 000000000..4ae2d146d --- /dev/null +++ b/packages/pull-refresh/test/__snapshots__/index.spec.js.snap @@ -0,0 +1,77 @@ +// Jest Snapshot v1, https://goo.gl/fbAQLP + +exports[`change head content when pulling down 1`] = ` +
+
+
+ 下拉即可刷新... + + +
+
+
+`; + +exports[`change head content when pulling down 2`] = ` +
+
+
+ + 释放即可刷新... + +
+
+
+`; + +exports[`change head content when pulling down 3`] = ` +
+
+
+ + + +
+
加载中...
+
+
+
+`; + +exports[`change head content when pulling down 4`] = ` +
+
+
+ + + +
+
加载中...
+
+
+
+`; + +exports[`change head content when pulling down 5`] = ` +
+
+
+ + + +
+
+
+`; + +exports[`not in page top 1`] = ` +
+
+
+ + + +
+
+
+`; diff --git a/packages/pull-refresh/test/index.spec.js b/packages/pull-refresh/test/index.spec.js new file mode 100644 index 000000000..85e15c24f --- /dev/null +++ b/packages/pull-refresh/test/index.spec.js @@ -0,0 +1,71 @@ +import PullRefresh from '..'; +import { mount } from '@vue/test-utils'; +import { triggerTouch, triggerDrag } from '../../../test/touch-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 + triggerTouch(track, 'touchstart', 0, 0); + triggerTouch(track, 'touchmove', 0, 10); + expect(wrapper.html()).toMatchSnapshot(); + + // loosing + triggerTouch(track, 'touchmove', 0, 100); + expect(wrapper.html()).toMatchSnapshot(); + + // loading + triggerTouch(track, 'touchend', 0, 100); + expect(wrapper.html()).toMatchSnapshot(); + + // still loading + triggerDrag(track, 0, 100); + expect(wrapper.html()).toMatchSnapshot(); + + expect(wrapper.emitted('input')).toBeTruthy(); + expect(wrapper.emitted('refresh')).toBeTruthy(); + + // end loading + wrapper.vm.value = false; + expect(wrapper.html()).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; + triggerTouch(track, 'touchmove', 0, 100); + + expect(wrapper.html()).toMatchSnapshot(); +});