Browse Source

test: leftslip添加test

yewenwen 5 years ago
parent
commit
3309aefeb0

+ 15 - 0
src/packages/leftslip/__test__/leftslip.spec.js

@@ -0,0 +1,15 @@
+import { shallowMount } from '@vue/test-utils';
+import Leftslip from '../leftslip.vue';
+import Vue from 'vue';
+
+describe('Leftslip.vue', () => {
+  const wrapper = shallowMount(Leftslip, {});
+
+  it('禁用操作', () => {
+    wrapper.setProps({ disabled: true });
+
+    return Vue.nextTick().then(function () {
+      expect(wrapper.contains('.nut-leftslip-disabled')).toBe(true);
+    });
+  });
+});

+ 1 - 1
src/packages/leftslip/leftslip.vue

@@ -1,5 +1,5 @@
 <template>
 <template>
-  <div class="nut-leftslip">
+  <div class="nut-leftslip" :class="{ 'nut-leftslip-disabled': disabled }">
     <div class="nut-leftslip-item" ref="slipItem" :class="{ 'leftslip-open': isOpen }">
     <div class="nut-leftslip-item" ref="slipItem" :class="{ 'leftslip-open': isOpen }">
       <div class="nut-leftslip-item-main" @touchstart="touchStart($event)" @touchmove="touchMove($event)" @touchend="touchEnd($event)">
       <div class="nut-leftslip-item-main" @touchstart="touchStart($event)" @touchmove="touchMove($event)" @touchend="touchEnd($event)">
         <slot name="slip-main"></slot>
         <slot name="slip-main"></slot>