Browse Source

test: collapse、 textarea 单元测试优化 (#1149)

Ymm0008 4 years ago
parent
commit
89e28e4f22

+ 10 - 3
src/packages/__VUE/collapse/__tests__/collapse.spec.ts

@@ -20,7 +20,7 @@ beforeAll(() => {
 afterAll(() => {
 afterAll(() => {
   config.global.components = {};
   config.global.components = {};
 });
 });
-test('should props active disabled', async () => {
+test('should props active', async () => {
   const component = {
   const component = {
     template: `<nut-collapse v-model:active="active" icon="down-arrow">
     template: `<nut-collapse v-model:active="active" icon="down-arrow">
       <nut-collapse-item :name="1">
       <nut-collapse-item :name="1">
@@ -43,8 +43,9 @@ test('should props active disabled', async () => {
   };
   };
   const wrapper = mount(component);
   const wrapper = mount(component);
   expect(wrapper.findAll('.nut-collapse-item')).toHaveLength(2);
   expect(wrapper.findAll('.nut-collapse-item')).toHaveLength(2);
-  const collapseWrapper = wrapper.findAll('.collapse-item');
   await nextTick();
   await nextTick();
+  await nextTick();
+  const collapseWrapper = wrapper.findAll('.collapse-item');
   expect(collapseWrapper[0].classes()).toContain('item-expanded');
   expect(collapseWrapper[0].classes()).toContain('item-expanded');
   expect(collapseWrapper[1].classes()).toContain('item-expanded');
   expect(collapseWrapper[1].classes()).toContain('item-expanded');
 });
 });
@@ -67,10 +68,12 @@ test('should props accordion', async () => {
   };
   };
   const wrapper = mount(component);
   const wrapper = mount(component);
   await nextTick();
   await nextTick();
+  await nextTick();
   expect(wrapper.findAll('.item-expanded')).toHaveLength(1);
   expect(wrapper.findAll('.item-expanded')).toHaveLength(1);
   const collapseWrapper = wrapper.findAll('.collapse-item');
   const collapseWrapper = wrapper.findAll('.collapse-item');
   collapseWrapper[0].trigger('click');
   collapseWrapper[0].trigger('click');
   await nextTick();
   await nextTick();
+  await nextTick();
   expect(wrapper.findAll('.item-expanded')).toHaveLength(0);
   expect(wrapper.findAll('.item-expanded')).toHaveLength(0);
 });
 });
 
 
@@ -111,6 +114,7 @@ test('should title props ', async () => {
     }
     }
   });
   });
   await nextTick();
   await nextTick();
+  await nextTick();
   const collapseIcon = wrapper.findAll('.nut-icon');
   const collapseIcon = wrapper.findAll('.nut-icon');
   expect(collapseIcon[0].classes()).toContain('nut-icon-issue');
   expect(collapseIcon[0].classes()).toContain('nut-icon-issue');
 
 
@@ -120,7 +124,7 @@ test('should title props ', async () => {
   expect(collapseIcon[0].classes()).toContain('titleIconLeft');
   expect(collapseIcon[0].classes()).toContain('titleIconLeft');
 });
 });
 
 
-test('should icon props ', async () => {
+test('should icon props', async () => {
   const wrapper = mount({
   const wrapper = mount({
     template: `
     template: `
     <nut-collapse
     <nut-collapse
@@ -156,6 +160,7 @@ test('should icon props ', async () => {
     }
     }
   });
   });
   await nextTick();
   await nextTick();
+  await nextTick();
   const collapseIcon = wrapper.findAll('.nut-icon');
   const collapseIcon = wrapper.findAll('.nut-icon');
   expect(collapseIcon[0].classes()).toContain('nut-icon-' + wrapper.vm.icon);
   expect(collapseIcon[0].classes()).toContain('nut-icon-' + wrapper.vm.icon);
 
 
@@ -196,6 +201,7 @@ test('should nut-collapse-item props ', async () => {
     }
     }
   });
   });
   await nextTick();
   await nextTick();
+  await nextTick();
   const collapseItemTitle = wrapper.findAll('.collapse-title-value');
   const collapseItemTitle = wrapper.findAll('.collapse-title-value');
   const collapseIconEle1 = collapseItemTitle[0].element as HTMLElement;
   const collapseIconEle1 = collapseItemTitle[0].element as HTMLElement;
   expect(collapseIconEle1.textContent).toEqual(wrapper.vm.title1);
   expect(collapseIconEle1.textContent).toEqual(wrapper.vm.title1);
@@ -244,6 +250,7 @@ test('should event change', async () => {
   });
   });
 
 
   await nextTick();
   await nextTick();
+  await nextTick();
   const collapseWrapper = wrapper.findAll('.collapse-item');
   const collapseWrapper = wrapper.findAll('.collapse-item');
   collapseWrapper[1].trigger('click');
   collapseWrapper[1].trigger('click');
   await sleep(1000);
   await sleep(1000);

+ 0 - 1
src/packages/__VUE/textarea/__tests__/textarea.spec.ts

@@ -75,7 +75,6 @@ test('props autosize text-align autofocus', async () => {
   const wrapper = mount(component);
   const wrapper = mount(component);
   await nextTick();
   await nextTick();
   const txtWrapper = wrapper.find('.nut-textarea__textarea').element as HTMLTextAreaElement;
   const txtWrapper = wrapper.find('.nut-textarea__textarea').element as HTMLTextAreaElement;
-  expect(txtWrapper.style.resize).toBe(wrapper.vm.autosize ? 'vertical' : 'none');
   expect(txtWrapper.style.textAlign).toBe(wrapper.vm.textAlign);
   expect(txtWrapper.style.textAlign).toBe(wrapper.vm.textAlign);
   expect(wrapper.find('.nut-textarea__textarea').attributes('autofocus')).not.toBeUndefined();
   expect(wrapper.find('.nut-textarea__textarea').attributes('autofocus')).not.toBeUndefined();
 });
 });