单元测试loader增加index.scss引入

src/packages/actionsheet/__test__/actionsheet.spec.js

@@ -0,0 +1,57 @@
+import { shallowMount, mount } from '@vue/test-utils'
+import ActionSheet from '../actionsheet.vue'
+import Vue from 'vue';
+
+
+describe('ActionSheet.vue', () => {
+    const wrapper = shallowMount(ActionSheet, {
+        propsData:{
+            menuItems: [
+                {
+                    'name': '男',
+                    'value': 0
+                },
+                {
+                    'name': '女',
+                    'value': 1
+                }
+            ]
+        }
+    });
+
+    it('测试条数', () => {
+        return Vue.nextTick().then(function () {
+            expect(wrapper.findAll('.nut-actionsheet-item').length).toBe(2);
+        })
+    });
+
+    it('是否可见', () => {
+        wrapper.setProps({isVisible: true });
+        return Vue.nextTick().then(function () {
+            expect(wrapper.find('.nut-actionsheet-mask').isVisible()).toBe(true);
+            expect(wrapper.find('.nut-actionsheet-panel').isVisible()).toBe(true);
+        })
+    });
+
+    it('显示取消', () => {
+        wrapper.setProps({isVisible: true, cancelTxt: '取消' });
+        return Vue.nextTick().then(function () {
+            expect(wrapper.find('.nut-actionsheet-cancel').isVisible()).toBe(true);
+            expect(wrapper.find('.nut-actionsheet-cancel').text()).toBe('取消');
+        })
+    });
+
+    it('高亮显示', () => {
+        wrapper.setProps({chooseTagValue: '男' });
+        return Vue.nextTick().then(function () {
+            expect(wrapper.findAll('.nut-actionsheet-item').at(0).contains('.nut-actionsheet-item-active')).toBe(true);
+        })
+    });
+
+    it('设置列表项展示使用参数', () => {
+        wrapper.setProps({optionTag: 'value' });
+        return Vue.nextTick().then(function () {
+            expect(wrapper.findAll('.nut-actionsheet-item').at(1).text()).toBe('1');
+        })
+    });
+});

src/packages/actionsheet/_test_/actionsheet.spec.js

@@ -1,29 +0,0 @@
-import { shallowMount, mount } from '@vue/test-utils'
-import Rating from '../actionsheet.vue'
-import Vue from 'vue';
-
-
-describe('actionsheet.vue', () => {
-    const wrapper = shallowMount(Rating, {
-        propsData: {
-        }
-    });
-
-    it('可见', () => {
-        wrapper.setProps({visible: true });
-
-        return Vue.nextTick().then(function () {
-            expect(wrapper.isVisible()).toBe(true);
-        })
-    });
-
-
-    it('点击mask关闭', () => {
-        wrapper.setProps({isClickCloseMask: true });
-        wrapper.findAll('.nut-actionsheet-mask').at(1).trigger('click');
-        return Vue.nextTick().then(function () {
-            expect(wrapper.isVisible()).toBe(false);
-        })
-    });
-
-});

src/packages/picker/__test__/picker.spec.js

@@ -0,0 +1,44 @@
+// import { shallowMount, mount } from '@vue/test-utils'
+// import Picker from '../picker.vue'
+// import Vue from 'vue';
+
+
+// describe('Picker.vue', () => {
+//     const wrapper = shallowMount(Picker, {
+//         propsData:{
+//             listData: [
+//                 ['2019', '2020', '2021', '2022', '2023' ],
+//                 ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12']
+//             ],
+//         }
+//     });
+
+//     it('测试条数', () => {
+//         return Vue.nextTick().then(function () {
+//             expect(wrapper.findAll('.nut-picker-list').length).toBe(2);
+//         })
+//     });
+
+//     it('是否可见', () => {
+//         wrapper.setProps({isVisible: true });
+//         return Vue.nextTick().then(function () {
+//             expect(wrapper.find('.nut-actionsheet-mask').isVisible()).toBe(true);
+//             expect(wrapper.find('.nut-actionsheet-panel').isVisible()).toBe(true);
+//         })
+//     });
+
+//     it('标题', () => {
+//         wrapper.setProps({title: '选择年月' });
+//         return Vue.nextTick().then(function () {
+//             expect(wrapper.find('.nut-picker-title').text()).toBe('选择年月');
+//         })
+//     });
+
+//     it('设置默认值', () => {
+//         wrapper.setProps({defaultValueData: ['2020', '2'] });
+//         return Vue.nextTick().then(function () {
+//             expect(wrapper.findAll('.nut-picker-list-panel').at(0).attributes('style')).toBe('transform: translateY(-72px);');
+//             expect(wrapper.findAll('.nut-picker-list-panel').at(1).attributes('style')).toBe('transform: translateY(-36px);');
+//         })
+//     });
+// });

src/packages/tab/__test__/tab.spec.js

@@ -62,4 +62,18 @@ describe('Tab.vue', () => {
             })
         },20)
     });
-});
+    it('tab标签标题', () => {
+      return Vue.nextTick().then(function () {
+         expect(wrapper.findAll('.nut-tab-link').at(0).text()).toBe('衣物');
+      })
+    });
+    it('点击tab标签', () => {
+    	return Vue.nextTick().then(function () {
+            wrapper.findAll('.nut-title-nav-list').at(1).trigger('click');
+            expect(wrapper.findAll('.nut-title-nav-list').at(1).is('.nut-tab-active')).toBe(true)
+      })
+        
+    });
+});
+
+

src/packages/tab/tab.vue

@@ -230,13 +230,14 @@ export default {
         },
         switchTab:function(index,event,disable){
             if(!disable && event.target.className.indexOf('nut-title-nav')!==-1){
+                this.activeIndex=index;
                 this.initX= parseInt(this.navWidth * index);
                 let nutTab = event.target.parentNode.parentNode;
                 let items =  this.positionNav=='bottom' || this.positionNav=='right' ?nutTab.children[0].children : nutTab.children[1].children;
                 for(let i=0;i<items.length;i++){
-                    if(i===index){
+                    if(i==index){
                         this.removeClass(items[i],'hide');
-                        this.activeIndex=index;
+                        
                     }else{
                         this.addClass(items[i],'hide');
                     }