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

src/slider/test/index.spec.js

@@ -0,0 +1,107 @@
+import Slider from '..';
+import { mount, trigger, triggerDrag, mockGetBoundingClientRect } from '../../../test/utils';
+
+function mockRect(vertical) {
+  return mockGetBoundingClientRect({
+    width: vertical ? 0 : 100,
+    height: vertical ? 100 : 0,
+    top: vertical ? 0 : 100,
+    left: vertical ? 100 : 0
+  });
+}
+
+test('drag button', () => {
+  const restoreMock = mockRect();
+
+  const wrapper = mount(Slider, {
+    propsData: {
+      value: 50,
+      disabled: true
+    }
+  });
+
+  wrapper.vm.$on('input', value => {
+    wrapper.setProps({ value });
+  });
+
+  const button = wrapper.find('.van-slider__button');
+  triggerDrag(button, 50, 0);
+  expect(wrapper).toMatchSnapshot();
+  expect(wrapper.emitted('drag-start')).toBeFalsy();
+  expect(wrapper.emitted('drag-end')).toBeFalsy();
+
+  wrapper.setData({ disabled: false });
+  trigger(button, 'touchstart', 0, 0);
+  trigger(button, 'touchend', 0, 0);
+  triggerDrag(button, 50, 0);
+  expect(wrapper).toMatchSnapshot();
+  expect(wrapper.emitted('drag-start')).toBeTruthy();
+  expect(wrapper.emitted('drag-end')).toBeTruthy();
+
+  restoreMock();
+});
+
+it('click bar', () => {
+  const restoreMock = mockRect();
+
+  const wrapper = mount(Slider, {
+    propsData: {
+      value: 50,
+      disabled: true
+    }
+  });
+
+  wrapper.vm.$on('input', value => {
+    wrapper.setProps({ value });
+  });
+
+  trigger(wrapper, 'click', 100, 0);
+  expect(wrapper).toMatchSnapshot();
+
+  wrapper.setData({ disabled: false });
+  trigger(wrapper, 'click', 100, 0);
+  expect(wrapper).toMatchSnapshot();
+
+  restoreMock();
+});
+
+test('drag button vertical', () => {
+  const restoreMock = mockRect(true);
+
+  const wrapper = mount(Slider, {
+    propsData: {
+      value: 50,
+      vertical: true
+    }
+  });
+
+  wrapper.vm.$on('input', value => {
+    wrapper.setProps({ value });
+  });
+
+  const button = wrapper.find('.van-slider__button');
+  triggerDrag(button, 0, 50);
+  expect(wrapper).toMatchSnapshot();
+
+  restoreMock();
+});
+
+it('click vertical', () => {
+  const restoreMock = mockRect(true);
+
+  const wrapper = mount(Slider, {
+    propsData: {
+      value: 50,
+      vertical: true
+    }
+  });
+
+  wrapper.vm.$on('input', value => {
+    wrapper.setProps({ value });
+  });
+
+  trigger(wrapper, 'click', 0, 100);
+  expect(wrapper).toMatchSnapshot();
+
+  restoreMock();
+});