[breaking change] CellSwipe: rename to SwipeCell (#1652)

2018-08-20 10:15:30 +08:00
parent 7f00320e1f
commit e6cc4eab03
19 changed files with 116 additions and 116 deletions
@@ -0,0 +1,51 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders demo correctly 1`] = `
+<div>
+  <div>
+    <div class="van-notice-bar" style="color:undefined;background:undefined;">
+      <!---->
+      <div class="van-notice-bar__wrap">
+        <div class="van-notice-bar__content" style="padding-left:0;animation-delay:1s;animation-duration:0s;">建议在手机模式下浏览本示例</div>
+      </div>
+      <!---->
+    </div>
+    <div>
+      <div class="van-swipe-cell">
+        <div class="van-swipe-cell__wrapper" style="transform:translate3d(0px, 0, 0);transition:.6s cubic-bezier(0.18, 0.89, 0.32, 1);">
+          <div class="van-swipe-cell__left"><span>选择</span></div>
+          <div class="van-cell-group van-hairline--top-bottom">
+            <div class="van-cell van-hairline">
+              <!---->
+              <div class="van-cell__title"><span>单元格</span>
+                <!---->
+              </div>
+              <div class="van-cell__value"><span>内容</span></div>
+              <!---->
+            </div>
+          </div>
+          <div class="van-swipe-cell__right"><span>删除</span></div>
+        </div>
+      </div>
+    </div>
+    <div>
+      <div class="van-swipe-cell">
+        <div class="van-swipe-cell__wrapper" style="transform:translate3d(0px, 0, 0);transition:.6s cubic-bezier(0.18, 0.89, 0.32, 1);">
+          <div class="van-swipe-cell__left"><span>选择</span></div>
+          <div class="van-cell-group van-hairline--top-bottom">
+            <div class="van-cell van-hairline">
+              <!---->
+              <div class="van-cell__title"><span>单元格</span>
+                <!---->
+              </div>
+              <div class="van-cell__value"><span>内容</span></div>
+              <!---->
+            </div>
+          </div>
+          <div class="van-swipe-cell__right"><span>删除</span></div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
@@ -0,0 +1,46 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`drag and show left part 1`] = `
+<div class="van-swipe-cell">
+  <div class="van-swipe-cell__wrapper">
+    <div class="van-swipe-cell__left"></div>
+    <div class="van-swipe-cell__right"></div>
+  </div>
+</div>
+`;
+
+exports[`drag and show left part 2`] = `
+<div class="van-swipe-cell">
+  <div class="van-swipe-cell__wrapper">
+    <div class="van-swipe-cell__left"></div>
+    <div class="van-swipe-cell__right"></div>
+  </div>
+</div>
+`;
+
+exports[`drag and show left part 3`] = `
+<div class="van-swipe-cell">
+  <div class="van-swipe-cell__wrapper">
+    <div class="van-swipe-cell__left"></div>
+    <div class="van-swipe-cell__right"></div>
+  </div>
+</div>
+`;
+
+exports[`drag and show left part 4`] = `
+<div class="van-swipe-cell">
+  <div class="van-swipe-cell__wrapper">
+    <div class="van-swipe-cell__left"></div>
+    <div class="van-swipe-cell__right"></div>
+  </div>
+</div>
+`;
+
+exports[`drag and show left part 5`] = `
+<div class="van-swipe-cell">
+  <div class="van-swipe-cell__wrapper">
+    <div class="van-swipe-cell__left"></div>
+    <div class="van-swipe-cell__right"></div>
+  </div>
+</div>
+`;
@@ -0,0 +1,4 @@
+import Demo from '../demo';
+import demoTest from '../../../test/demo-test';
+
+demoTest(Demo);
@@ -0,0 +1,66 @@
+import SwipeCell from '..';
+import { mount, triggerDrag } from '../../../test/utils';
+
+const defaultProps = {
+  propsData: {
+    leftWidth: 100,
+    rightWidth: 100
+  }
+};
+
+it('drag and show left part', () => {
+  const wrapper = mount(SwipeCell, defaultProps);
+
+  triggerDrag(wrapper, 10, 0);
+  expect(wrapper).toMatchSnapshot();
+
+  triggerDrag(wrapper, 50, 0);
+  expect(wrapper).toMatchSnapshot();
+
+  triggerDrag(wrapper, 500, 0);
+  expect(wrapper).toMatchSnapshot();
+
+  triggerDrag(wrapper, 0, 100);
+  expect(wrapper).toMatchSnapshot();
+});
+
+it('drag and show left part', () => {
+  const wrapper = mount(SwipeCell, defaultProps);
+
+  triggerDrag(wrapper, -50, 0);
+  expect(wrapper).toMatchSnapshot();
+});
+
+test('on close prop', () => {
+  let position;
+  let instance;
+
+  const wrapper = mount(SwipeCell, {
+    propsData: {
+      ...defaultProps.propsData,
+      onClose(pos, ins) {
+        position = pos;
+        instance = ins;
+      }
+    }
+  });
+  wrapper.trigger('click');
+  expect(position).toEqual(undefined);
+
+  wrapper.setData({ offset: 100 });
+  wrapper.trigger('click');
+  expect(position).toEqual('cell');
+
+  wrapper.find('.van-swipe-cell__left').trigger('click');
+  expect(position).toEqual('left');
+
+  wrapper.find('.van-swipe-cell__right').trigger('click');
+  expect(position).toEqual('right');
+
+  instance.close();
+  expect(wrapper.vm.offset).toEqual(0);
+
+  wrapper.setData({ offset: 100, onClose: null });
+  wrapper.trigger('click');
+  expect(wrapper.vm.offset).toEqual(0);
+});