test: update snapshots & some test

Author: tangjinzhou

components/auto-complete/__tests__/index.test.js

@@ -21,11 +21,15 @@ describe('AutoComplete with Custom Input Element Render', () => {
     input.element.value = '123'
     input.trigger('input')
     Vue.nextTick(() => {
-      const popupComponent = wrapper.find({ name: 'Trigger' }).vm._component
-      expect($$('.ant-select-dropdown-menu-item').length).toBe(3)
-      expect(popupComponent).not.toBe(null)
-      expect(popupComponent).not.toBe(undefined)
-      done()
+      mount({
+        render () {
+          return wrapper.find({ name: 'Trigger' }).vm.getComponent()
+        },
+      }, { sync: false })
+      Vue.nextTick(() => {
+        expect($$('.ant-select-dropdown-menu-item').length).toBe(3)
+        done()
+      })
     })
   })
 })

components/calendar/__tests__/index.test.js

@@ -47,7 +47,8 @@ describe('Calendar', () => {
         render () {
           return <Calendar onSelect={onSelect} validRange={validRange} defaultValue={Moment('2018-02-02')} />
         },
-      }
+      },
+      { sync: false }
     )
     wrapper.findAll('[title="February 20, 2018"]').at(0).trigger('click')
     expect(wrapper.find('[title="February 20, 2018"]').classes()).toContain('ant-fullcalendar-disabled-cell')
@@ -85,14 +86,14 @@ describe('Calendar', () => {
       { sync: false }
     )
     wrapper.find('.ant-fullcalendar-year-select').trigger('click')
-    Vue.nextTick(() => {
+    setTimeout(() => {
       $$('.ant-select-dropdown-menu-item')[0].click()
       wrapper.find('.ant-fullcalendar-month-select').trigger('click')
-      Vue.nextTick(() => {
+      setTimeout(() => {
         expect($$('.ant-select-dropdown-menu-item').length).toBe(13)
         done()
-      })
-    })
+      }, 1000)
+    }, 1000)
   })
 
   it('getDateRange should returns a disabledDate function', () => {
@@ -103,6 +104,7 @@ describe('Calendar', () => {
           validRange,
           defaultValue: Moment('2018-02-02'),
         },
+        sync: false,
       }
     )
     const instance = wrapper.vm
@@ -123,7 +125,7 @@ describe('Calendar', () => {
     })
   })
 
-  it('Calendar should switch mode', () => {
+  it('Calendar should switch mode', (done) => {
     const monthMode = 'month'
     const yearMode = 'year'
     const onPanelChangeStub = jest.fn()
@@ -140,7 +142,10 @@ describe('Calendar', () => {
     )
     expect(wrapper.vm.sMode).toEqual(yearMode)
     wrapper.vm.setType('date')
-    expect(wrapper.vm.sMode).toEqual(monthMode)
-    expect(onPanelChangeStub).toHaveBeenCalledTimes(1)
+    Vue.nextTick(() => {
+      expect(wrapper.vm.sMode).toEqual(monthMode)
+      expect(onPanelChangeStub).toHaveBeenCalledTimes(1)
+      done()
+    })
   })
 })

components/form/demo/advanced-search.vue

@@ -91,7 +91,6 @@ export default {
   methods: {
     saveFormRef (inst) {
       this.formRef = inst
-      console.log('formRef', this.formRef)
     },
   },
   render () {

components/locale-provider/__tests__/__snapshots__/index.test.js.snap

@@ -175,13 +175,13 @@ describe('Locale Provider', () => {
       },
     }
     const wrapper = mount(Test, { sync: false, attachToDocument: true })
-    Vue.nextTick(() => {
+    setTimeout(() => {
       expect(document.body.innerHTML).toMatchSnapshot()
       wrapper.setData({ locale: frFR })
-      Vue.nextTick(() => {
+      setTimeout(() => {
         expect(document.body.innerHTML).toMatchSnapshot()
         wrapper.setData({ locale: null })
-        Vue.nextTick(() => {
+        setTimeout(() => {
           expect(document.body.innerHTML).toMatchSnapshot()
           done()
         })

components/locale-provider/__tests__/index.test.js

@@ -61,8 +61,12 @@ describe('Table.filter', () => {
   it('renders menu correctly', (done) => {
     const wrapper = mount(Table, getTableOptions())
     Vue.nextTick(() => {
-      const dropdownWrapper = wrapper.find({ name: 'Trigger' }).vm.renderComponent()
-      expect(dropdownWrapper.$el.outerHTML).toMatchSnapshot()
+      const dropdownWrapper = mount({
+        render () {
+          return wrapper.find({ name: 'Trigger' }).vm.getComponent()
+        },
+      })
+      expect(dropdownWrapper.html()).toMatchSnapshot()
       done()
     })
   })
@@ -75,8 +79,12 @@ describe('Table.filter', () => {
       }],
     }))
     Vue.nextTick(() => {
-      const dropdownWrapper = wrapper.find({ name: 'Trigger' }).vm.renderComponent()
-      expect(dropdownWrapper.$el.outerHTML).toMatchSnapshot()
+      const dropdownWrapper = mount({
+        render () {
+          return wrapper.find({ name: 'Trigger' }).vm.getComponent()
+        },
+      })
+      expect(dropdownWrapper.html()).toMatchSnapshot()
       done()
     })
   })
@@ -97,8 +105,12 @@ describe('Table.filter', () => {
     })
 
     Vue.nextTick(() => {
-      const dropdownWrapper = wrapper.find({ name: 'Trigger' }).vm.renderComponent()
-      expect(dropdownWrapper.$el.outerHTML).toMatchSnapshot()
+      const dropdownWrapper = mount({
+        render () {
+          return wrapper.find({ name: 'Trigger' }).vm.getComponent()
+        },
+      })
+      expect(dropdownWrapper.html()).toMatchSnapshot()
       done()
     })
   })

components/table/__tests__/Table.filter.test.js

@@ -188,21 +188,21 @@ describe('Table.pagination', () => {
 
   it('specify the position of pagination', (done) => {
     const wrapper = mount(Table, getTableOptions({ pagination: { position: 'top' }}))
-    Vue.nextTick(() => {
+    setTimeout(() => {
       expect(wrapper.findAll('.ant-spin-container > *')).toHaveLength(2)
       expect(wrapper.findAll('.ant-spin-container > *').at(0).findAll('.ant-pagination')).toHaveLength(1)
       wrapper.setProps({ pagination: { position: 'bottom' }})
-      Vue.nextTick(() => {
+      setTimeout(() => {
         expect(wrapper.findAll('.ant-spin-container > *')).toHaveLength(2)
         expect(wrapper.findAll('.ant-spin-container > *').at(1).findAll('.ant-pagination')).toHaveLength(1)
         wrapper.setProps({ pagination: { position: 'both' }})
-        Vue.nextTick(() => {
+        setTimeout(() => {
           expect(wrapper.findAll('.ant-spin-container > *')).toHaveLength(3)
           expect(wrapper.findAll('.ant-spin-container > *').at(0).findAll('.ant-pagination')).toHaveLength(1)
           expect(wrapper.findAll('.ant-spin-container > *').at(2).findAll('.ant-pagination')).toHaveLength(1)
           done()
         })
       })
-    })
+    }, 0)
   })
 })