diff --git a/test/unit/specs/autocomplete.spec.js b/test/unit/specs/autocomplete.spec.js index f8a25b350..4a27728e0 100644 --- a/test/unit/specs/autocomplete.spec.js +++ b/test/unit/specs/autocomplete.spec.js @@ -1,8 +1,12 @@ -import { createVue } from '../util'; +import { createVue, destroyVM } from '../util'; describe('Autocomplete', () => { + let vm; + afterEach(() => { + destroyVM(vm); + }); it('create', done => { - const vm = createVue({ + vm = createVue({ template: ` { }, 500); }); it('select', done => { - const vm = createVue({ + vm = createVue({ template: ` { }, 500); }); it('highlight', done => { - const vm = createVue({ + vm = createVue({ template: ` { }, 500); }); it('highlight out of bounds', done => { - const vm = createVue({ + vm = createVue({ template: ` { + let vm; + afterEach(() => { + destroyVM(vm); + }); + it('value', () => { - expect(createTest(Badge, { value: 80 }).content).to.equal(80); + vm = createTest(Badge, { value: 80 }); + expect(vm.content).to.equal(80); }); it('is fixed', () => { - const vm = createVue(` + vm = createVue(` @@ -17,7 +23,7 @@ describe('Badge', () => { }); it('is dot', () => { - const vm = createVue(` + vm = createVue(` @@ -27,7 +33,9 @@ describe('Badge', () => { }); it('max', () => { - expect(createTest(Badge, { max: 100, value: 200 }).content).to.equal('100+'); - expect(createTest(Badge, { max: 100, value: 80 }).content).to.equal(80); + vm = createTest(Badge, { max: 100, value: 200 }); + expect(vm.content).to.equal('100+'); + vm = createTest(Badge, { max: 100, value: 80 }); + expect(vm.content).to.equal(80); }); }); diff --git a/test/unit/specs/breadcrumb.spec.js b/test/unit/specs/breadcrumb.spec.js index 450658a08..035b0df61 100644 --- a/test/unit/specs/breadcrumb.spec.js +++ b/test/unit/specs/breadcrumb.spec.js @@ -1,8 +1,13 @@ -import { createVue } from '../util'; +import { createVue, destroyVM } from '../util'; describe('Breadcrumb', () => { + let vm; + afterEach(() => { + destroyVM(vm); + }); + it('create', done => { - const vm = createVue(` + vm = createVue(` 首页 活动管理 diff --git a/test/unit/specs/button.spec.js b/test/unit/specs/button.spec.js index a276f0fd3..d959cef46 100644 --- a/test/unit/specs/button.spec.js +++ b/test/unit/specs/button.spec.js @@ -2,66 +2,64 @@ import { createTest, createVue, destroyVM } from '../util'; import Button from 'packages/button'; describe('Button', () => { + let vm; + afterEach(() => { + destroyVM(vm); + }); + it('create', () => { - const vm = createTest(Button, { + vm = createTest(Button, { type: 'primary' }, true); let buttonElm = vm.$el; expect(buttonElm.classList.contains('el-button--primary')).to.be.true; - destroyVM(vm); }); it('icon', () => { - const vm = createTest(Button, { + vm = createTest(Button, { icon: 'search' }, true); let buttonElm = vm.$el; expect(buttonElm.querySelector('.el-icon-search')).to.be.ok; - destroyVM(vm); }); it('nativeType', () => { - const vm = createTest(Button, { + vm = createTest(Button, { nativeType: 'submit' }, true); let buttonElm = vm.$el; expect(buttonElm.getAttribute('type')).to.be.equal('submit'); - destroyVM(vm); }); it('loading', () => { - const vm = createTest(Button, { + vm = createTest(Button, { loading: true }, true); let buttonElm = vm.$el; expect(buttonElm.classList.contains('is-loading')).to.be.true; expect(buttonElm.querySelector('.el-icon-loading')).to.be.ok; - destroyVM(vm); }); it('disabled', () => { - const vm = createTest(Button, { + vm = createTest(Button, { disabled: true }, true); let buttonElm = vm.$el; expect(buttonElm.classList.contains('is-disabled')).to.be.true; - destroyVM(vm); }); it('size', () => { - const vm = createTest(Button, { + vm = createTest(Button, { size: 'large' }, true); let buttonElm = vm.$el; expect(buttonElm.classList.contains('el-button--large')).to.be.true; - destroyVM(vm); }); it('plain', () => { - const vm = createTest(Button, { + vm = createTest(Button, { plain: true }, true); let buttonElm = vm.$el; expect(buttonElm.classList.contains('is-plain')).to.be.true; - destroyVM(vm); }); it('click', done => { let result; - const vm = createVue({ + vm = createVue({ template: ` `, @@ -75,7 +73,6 @@ describe('Button', () => { setTimeout(_ => { expect(result).to.exist; - destroyVM(vm); done(); }, 20); }); diff --git a/test/unit/specs/card.spec.js b/test/unit/specs/card.spec.js index aaa387c3a..3bd1ed32c 100644 --- a/test/unit/specs/card.spec.js +++ b/test/unit/specs/card.spec.js @@ -1,9 +1,14 @@ -import { createVue, createTest } from '../util'; +import { createVue, createTest, destroyVM } from '../util'; import Card from 'packages/card'; describe('Card', () => { + let vm; + afterEach(() => { + destroyVM(vm); + }); + it('slot:header', () => { - const vm = createVue(` + vm = createVue(`
二师兄叫我埋梗 啦啦啦
@@ -13,7 +18,7 @@ describe('Card', () => { }); it('header', () => { - const vm = createTest(Card, { + vm = createTest(Card, { header: '好烦' }); @@ -21,7 +26,7 @@ describe('Card', () => { }); it('bodyStyle', () => { - const vm = createTest(Card, { + vm = createTest(Card, { bodyStyle: { padding: '10px' } }); diff --git a/test/unit/specs/checkbox.spec.js b/test/unit/specs/checkbox.spec.js index 1cf492279..13783754c 100644 --- a/test/unit/specs/checkbox.spec.js +++ b/test/unit/specs/checkbox.spec.js @@ -1,8 +1,13 @@ -import { createVue } from '../util'; +import { createVue, destroyVM } from '../util'; describe('Checkbox', () => { + let vm; + afterEach(() => { + destroyVM(vm); + }); + it('create', done => { - const vm = createVue({ + vm = createVue({ template: ` @@ -22,7 +27,7 @@ describe('Checkbox', () => { }); }); it('disabled', () => { - const vm = createVue({ + vm = createVue({ template: ` { expect(checkboxElm.querySelector('.is-disabled')).to.be.ok; }); it('checkbox group', done => { - const vm = createVue({ + vm = createVue({ template: ` @@ -63,7 +68,7 @@ describe('Checkbox', () => { }); }); it('true false label', done => { - const vm = createVue({ + vm = createVue({ template: ` `, @@ -80,7 +85,7 @@ describe('Checkbox', () => { }); }); it('checked', () => { - const vm = createVue({ + vm = createVue({ template: `
diff --git a/test/unit/specs/col.spec.js b/test/unit/specs/col.spec.js index 891aaa6fa..cf80edf66 100644 --- a/test/unit/specs/col.spec.js +++ b/test/unit/specs/col.spec.js @@ -1,8 +1,13 @@ -import { createVue } from '../util'; +import { createVue, destroyVM } from '../util'; describe('Col', () => { + let vm; + afterEach(() => { + destroyVM(vm); + }); + it('create', () => { - const vm = createVue({ + vm = createVue({ template: ` @@ -12,7 +17,7 @@ describe('Col', () => { expect(colElm.classList.contains('el-col')).to.be.true; }); it('span', () => { - const vm = createVue({ + vm = createVue({ template: ` @@ -22,7 +27,7 @@ describe('Col', () => { expect(colElm.classList.contains('el-col-12')).to.be.true; }); it('pull', () => { - const vm = createVue({ + vm = createVue({ template: ` @@ -32,7 +37,7 @@ describe('Col', () => { expect(colElm.classList.contains('el-col-pull-3')).to.be.true; }); it('push', () => { - const vm = createVue({ + vm = createVue({ template: ` @@ -42,7 +47,7 @@ describe('Col', () => { expect(colElm.classList.contains('el-col-push-3')).to.be.true; }); it('gutter', () => { - const vm = createVue({ + vm = createVue({ template: ` diff --git a/test/unit/specs/date-picker.spec.js b/test/unit/specs/date-picker.spec.js index 38135ca8c..f82a7e2cf 100644 --- a/test/unit/specs/date-picker.spec.js +++ b/test/unit/specs/date-picker.spec.js @@ -4,8 +4,13 @@ import DatePicker from 'packages/date-picker'; const DELAY = 10; describe('DatePicker', () => { + let vm; + afterEach(() => { + destroyVM(vm); + }); + it('create', () => { - const vm = createTest(DatePicker, { + vm = createTest(DatePicker, { readonly: true, placeholder: '23333', format: 'HH-mm-ss' @@ -17,7 +22,7 @@ describe('DatePicker', () => { }); it('select date', done => { - const vm = createVue({ + vm = createVue({ template: ` `, @@ -62,7 +67,7 @@ describe('DatePicker', () => { }); describe('keydown', () => { - let vm, input; + let input; let keyDown = function(el, keyCode) { const evt = document.createEvent('Events'); @@ -113,7 +118,7 @@ describe('DatePicker', () => { }); it('type:month', done => { - const vm = createTest(DatePicker, { + vm = createTest(DatePicker, { type: 'month' }, true); const input = vm.$el.querySelector('input'); @@ -131,7 +136,7 @@ describe('DatePicker', () => { }); it('type:year', done => { - const vm = createTest(DatePicker, { + vm = createTest(DatePicker, { type: 'year' }, true); const input = vm.$el.querySelector('input'); @@ -301,7 +306,7 @@ describe('DatePicker', () => { }); it('type:daterange', done => { - const vm = createTest(DatePicker, { + vm = createTest(DatePicker, { type: 'daterange' }, true); const input = vm.$el.querySelector('input'); @@ -557,7 +562,7 @@ describe('DatePicker', () => { it('picker-options:shortcuts', done => { let test; - const vm = createTest(DatePicker, { + vm = createTest(DatePicker, { pickerOptions: { shortcuts: [ { diff --git a/test/unit/specs/dropdown.spec.js b/test/unit/specs/dropdown.spec.js index 89e09605b..d0185fdae 100644 --- a/test/unit/specs/dropdown.spec.js +++ b/test/unit/specs/dropdown.spec.js @@ -1,8 +1,13 @@ import { createVue, triggerEvent, destroyVM } from '../util'; describe('Dropdown', () => { + let vm; + afterEach(() => { + destroyVM(vm); + }); + it('create', done => { - const vm = createVue({ + vm = createVue({ template: ` @@ -35,7 +40,7 @@ describe('Dropdown', () => { }, 400); }); it('menu click', done => { - const vm = createVue({ + vm = createVue({ template: ` @@ -70,7 +75,7 @@ describe('Dropdown', () => { }, 300); }); it('trigger', done => { - const vm = createVue({ + vm = createVue({ template: ` @@ -103,7 +108,7 @@ describe('Dropdown', () => { }); }); it('split button', done => { - const vm = createVue({ + vm = createVue({ template: ` 更多菜单 diff --git a/test/unit/specs/form.spec.js b/test/unit/specs/form.spec.js index 9d5639bdd..8e0222d29 100644 --- a/test/unit/specs/form.spec.js +++ b/test/unit/specs/form.spec.js @@ -1,8 +1,13 @@ -import { createVue } from '../util'; +import { createVue, destroyVM } from '../util'; describe('Form', () => { + let vm; + afterEach(() => { + destroyVM(vm); + }); + it('label width', done => { - const vm = createVue({ + vm = createVue({ template: ` @@ -23,7 +28,7 @@ describe('Form', () => { done(); }); it('inline form', done => { - const vm = createVue({ + vm = createVue({ template: ` @@ -47,7 +52,7 @@ describe('Form', () => { done(); }); it('label position', done => { - const vm = createVue({ + vm = createVue({ template: `
@@ -82,7 +87,7 @@ describe('Form', () => { done(); }); it('reset field', done => { - const vm = createVue({ + vm = createVue({ template: ` @@ -139,7 +144,7 @@ describe('Form', () => { }); }); it('form item nest', done => { - const vm = createVue({ + vm = createVue({ template: ` @@ -184,7 +189,7 @@ describe('Form', () => { }); describe('validate', () => { it('input', done => { - const vm = createVue({ + vm = createVue({ template: ` @@ -230,7 +235,7 @@ describe('Form', () => { }); }); it('textarea', done => { - const vm = createVue({ + vm = createVue({ template: ` @@ -276,7 +281,7 @@ describe('Form', () => { }); }); it('selector', done => { - const vm = createVue({ + vm = createVue({ template: ` @@ -321,7 +326,7 @@ describe('Form', () => { }); }); it('datepicker', done => { - const vm = createVue({ + vm = createVue({ template: ` @@ -363,7 +368,7 @@ describe('Form', () => { }); }); it('timepicker', done => { - const vm = createVue({ + vm = createVue({ template: ` @@ -404,7 +409,7 @@ describe('Form', () => { }); }); it('checkbox group', done => { - const vm = createVue({ + vm = createVue({ template: ` @@ -450,7 +455,7 @@ describe('Form', () => { }); }); it('radio group', done => { - const vm = createVue({ + vm = createVue({ template: ` @@ -494,7 +499,7 @@ describe('Form', () => { }); }); it('validate field', done => { - const vm = createVue({ + vm = createVue({ template: ` @@ -533,7 +538,7 @@ describe('Form', () => { callback(); } }; - const vm = createVue({ + vm = createVue({ template: ` diff --git a/test/unit/specs/input-number.spec.js b/test/unit/specs/input-number.spec.js index 54749ac96..144cd8321 100644 --- a/test/unit/specs/input-number.spec.js +++ b/test/unit/specs/input-number.spec.js @@ -1,8 +1,12 @@ import { createVue, triggerEvent, destroyVM } from '../util'; describe('InputNumber', () => { + let vm; + afterEach(() => { + destroyVM(vm); + }); it('create', () => { - const vm = createVue({ + vm = createVue({ template: ` @@ -17,10 +21,9 @@ describe('InputNumber', () => { expect(vm.value).to.be.equal(1); expect(input.value).to.be.equal('1'); - destroyVM(vm); }); it('decrease', done => { - const vm = createVue({ + vm = createVue({ template: ` @@ -48,13 +51,12 @@ describe('InputNumber', () => { vm.$nextTick(_ => { expect(vm.$el.querySelector('.el-input.is-active')).to.not.exist; - destroyVM(vm); done(); }); }, 300); }); it('increase', done => { - const vm = createVue({ + vm = createVue({ template: ` @@ -75,12 +77,11 @@ describe('InputNumber', () => { setTimeout(_ => { expect(vm.value).to.be.equal(2.5); expect(input.value).to.be.equal('2.5'); - destroyVM(vm); done(); }, 100); }); it('disabled', done => { - const vm = createVue({ + vm = createVue({ template: ` @@ -109,13 +110,12 @@ describe('InputNumber', () => { setTimeout(_ => { expect(vm.value).to.be.equal(2); expect(input.value).to.be.equal('2'); - destroyVM(vm); done(); }, 100); }, 100); }); it('step', done => { - const vm = createVue({ + vm = createVue({ template: ` @@ -144,13 +144,12 @@ describe('InputNumber', () => { setTimeout(_ => { expect(vm.value).to.be.equal(5); expect(input.value).to.be.equal('5'); - destroyVM(vm); done(); }, 100); }, 100); }); it('min', done => { - const vm = createVue({ + vm = createVue({ template: ` @@ -185,12 +184,11 @@ describe('InputNumber', () => { setTimeout(_ => { expect(vm.value).to.be.equal(6); expect(input.value).to.be.equal('6'); - destroyVM(vm); done(); }, 100); }); it('max', done => { - const vm = createVue({ + vm = createVue({ template: ` @@ -225,7 +223,6 @@ describe('InputNumber', () => { setTimeout(_ => { expect(vm.value).to.be.equal(8); expect(input.value).to.be.equal('8'); - destroyVM(vm); done(); }, 100); }); diff --git a/test/unit/specs/input.spec.js b/test/unit/specs/input.spec.js index 9b6c6ab1f..d153ad7c2 100644 --- a/test/unit/specs/input.spec.js +++ b/test/unit/specs/input.spec.js @@ -1,8 +1,13 @@ -import { createVue } from '../util'; +import { createVue, destroyVM } from '../util'; describe('Input', () => { + let vm; + afterEach(() => { + destroyVM(vm); + }); + it('create', () => { - const vm = createVue({ + vm = createVue({ template: ` { }); it('disabled', () => { - const vm = createVue({ + vm = createVue({ template: ` @@ -43,7 +48,7 @@ describe('Input', () => { }); it('icon', () => { - const vm = createVue({ + vm = createVue({ template: ` { }); it('size', () => { - const vm = createVue({ + vm = createVue({ template: ` @@ -80,7 +85,7 @@ describe('Input', () => { }); it('type', () => { - const vm = createVue({ + vm = createVue({ template: ` @@ -91,7 +96,7 @@ describe('Input', () => { }); it('rows', () => { - const vm = createVue({ + vm = createVue({ template: ` @@ -100,7 +105,7 @@ describe('Input', () => { expect(vm.$el.querySelector('.el-textarea__inner').getAttribute('rows')).to.be.equal('3'); }); it('autosize', done => { - const vm = createVue({ + vm = createVue({ template: `
{ + let vm; + afterEach(() => { + destroyVM(vm); + }); + it('create', done => { - const vm = createVue({ + vm = createVue({ template: `
`, @@ -65,7 +70,7 @@ describe('Loading', () => { }); it('body', done => { - const vm = createVue({ + vm = createVue({ template: `
`, @@ -87,7 +92,7 @@ describe('Loading', () => { }); it('fullscreen', done => { - const vm = createVue({ + vm = createVue({ template: `
`, @@ -112,7 +117,7 @@ describe('Loading', () => { }); it('lock', done => { - const vm = createVue({ + vm = createVue({ template: `
`, diff --git a/test/unit/specs/menu.spec.js b/test/unit/specs/menu.spec.js index df948c194..8cb59ff49 100644 --- a/test/unit/specs/menu.spec.js +++ b/test/unit/specs/menu.spec.js @@ -1,8 +1,13 @@ -import { createVue, triggerEvent } from '../util'; +import { createVue, triggerEvent, destroyVM } from '../util'; describe('Menu', () => { + let vm; + afterEach(() => { + destroyVM(vm); + }); + it('create', done => { - const vm = createVue({ + vm = createVue({ template: ` 处理中心 @@ -23,7 +28,7 @@ describe('Menu', () => { }); }); it('default active', done => { - const vm = createVue({ + vm = createVue({ template: ` 处理中心 @@ -39,7 +44,7 @@ describe('Menu', () => { }); }); it('active watch', done => { - const vm = createVue({ + vm = createVue({ template: ` active watch处理中心 @@ -61,7 +66,7 @@ describe('Menu', () => { }, 100); }); it('default active in submenu', done => { - const vm = createVue({ + vm = createVue({ template: ` 处理中心 @@ -83,7 +88,7 @@ describe('Menu', () => { }); }); it('submenu', done => { - const vm = createVue({ + vm = createVue({ template: ` 处理中心 @@ -118,7 +123,7 @@ describe('Menu', () => { }); }); it('submenu default opened', done => { - const vm = createVue({ + vm = createVue({ template: ` default opened处理中心 @@ -152,7 +157,7 @@ describe('Menu', () => { }); }); it('theme', () => { - const vm = createVue({ + vm = createVue({ template: ` 处理中心 @@ -167,7 +172,7 @@ describe('Menu', () => { expect(vm.$el.classList.contains('el-menu--dark')).to.be.true; }); it('unique-opened', done => { - const vm = createVue({ + vm = createVue({ template: ` 处理中心 @@ -198,7 +203,7 @@ describe('Menu', () => { }); }); it('horizontal mode', done => { - const vm = createVue({ + vm = createVue({ template: ` 处理中心 @@ -229,7 +234,7 @@ describe('Menu', () => { }, 500); }); it('menu trigger click', done => { - const vm = createVue({ + vm = createVue({ template: ` 处理中心 @@ -264,7 +269,7 @@ describe('Menu', () => { }, 500); }); it('horizontal submenu active', done => { - const vm = createVue({ + vm = createVue({ template: ` 处理中心 @@ -286,7 +291,7 @@ describe('Menu', () => { }); }); it('menu group', done => { - const vm = createVue({ + vm = createVue({ template: ` diff --git a/test/unit/specs/pagination.spec.js b/test/unit/specs/pagination.spec.js index 60050df6b..88d9fe2e5 100644 --- a/test/unit/specs/pagination.spec.js +++ b/test/unit/specs/pagination.spec.js @@ -1,9 +1,13 @@ -import { createTest, createVue, triggerEvent } from '../util'; +import { createTest, createVue, triggerEvent, destroyVM } from '../util'; import Pagination from 'packages/pagination'; describe('Pagination', () => { + let vm; + afterEach(() => { + destroyVM(vm); + }); it('create', () => { - const vm = createTest(Pagination); + vm = createTest(Pagination); const elm = vm.$el; // prev expect(elm.querySelector('button.btn-prev')).to.exist; @@ -20,7 +24,7 @@ describe('Pagination', () => { }); it('set layout', () => { - const vm = createTest(Pagination, { + vm = createTest(Pagination, { layout: 'prev, pager, next' }); const elm = vm.$el; @@ -39,14 +43,14 @@ describe('Pagination', () => { }); it('small', () => { - const vm = createTest(Pagination, { + vm = createTest(Pagination, { small: true }); expect(vm.$el.classList.contains('el-pagination--small')).to.true; }); it('pageSize', () => { - const vm = createTest(Pagination, { + vm = createTest(Pagination, { pageSize: 25, total: 100 }); @@ -55,7 +59,7 @@ describe('Pagination', () => { }); it('currentPage', () => { - const vm = createTest(Pagination, { + vm = createTest(Pagination, { pageSize: 20, total: 200, currentPage: 3 @@ -65,7 +69,7 @@ describe('Pagination', () => { }); it('pageSizes', () => { - const vm = createTest(Pagination, { + vm = createTest(Pagination, { pageSizes: [10, 15, 35, 50], pageSize: 35, total: 1000, @@ -79,7 +83,7 @@ describe('Pagination', () => { }); it('pageSizes:not found pageSize', () => { - const vm = createTest(Pagination, { + vm = createTest(Pagination, { pageSizes: [10, 15, 35, 50], pageSize: 24, total: 1000, @@ -90,7 +94,7 @@ describe('Pagination', () => { }); it('layout is empty', () => { - const vm = createTest(Pagination, { + vm = createTest(Pagination, { layout: '' }); @@ -98,7 +102,7 @@ describe('Pagination', () => { }); it('jumper: change value', () => { - const vm = createVue({ + vm = createVue({ template: ` { }); it('event:current-change', () => { - const vm = createVue({ + vm = createVue({ template: ` { }); it('event:size-change', done => { - const vm = createVue({ + vm = createVue({ template: ` { }); it('pageSize > total', () => { - const vm = createVue({ + vm = createVue({ template: ` { describe('click pager', () => { it('click ul', () => { - const vm = createTest(Pagination, { + vm = createTest(Pagination, { total: 1000 }, true); @@ -222,7 +226,7 @@ describe('Pagination', () => { }); it('click li', () => { - const vm = createTest(Pagination, { + vm = createTest(Pagination, { total: 1000 }, true); @@ -231,7 +235,7 @@ describe('Pagination', () => { }); it('click next icon-more', () => { - const vm = createTest(Pagination, { + vm = createTest(Pagination, { total: 1000 }, true); @@ -240,7 +244,7 @@ describe('Pagination', () => { }); it('click prev icon-more', done => { - const vm = createTest(Pagination, { + vm = createTest(Pagination, { total: 1000 }, true); @@ -254,7 +258,7 @@ describe('Pagination', () => { }); it('click last page', done => { - const vm = createTest(Pagination, { + vm = createTest(Pagination, { total: 1000 }, true); const nodes = vm.$el.querySelectorAll('li.number'); diff --git a/test/unit/specs/popover.spec.js b/test/unit/specs/popover.spec.js index ffa70a22a..60c418b09 100644 --- a/test/unit/specs/popover.spec.js +++ b/test/unit/specs/popover.spec.js @@ -1,7 +1,12 @@ -import { createVue, triggerEvent, createTest } from '../util'; +import { createVue, triggerEvent, createTest, destroyVM } from '../util'; import Popover, { directive } from 'packages/popover'; describe('Popover', () => { + let vm; + afterEach(() => { + destroyVM(vm); + }); + describe('trigger', () => { const createVM = (trigger) => { return createVue(` @@ -17,7 +22,7 @@ describe('Popover', () => { }; it('click', () => { - const vm = createVM('click'); + vm = createVM('click'); const compo = vm.$refs.popover; vm.$el.querySelector('button').click(); @@ -27,7 +32,7 @@ describe('Popover', () => { }); it('hover', done => { - const vm = createVM('hover'); + vm = createVM('hover'); const compo = vm.$refs.popover; const button = vm.$el.querySelector('button'); @@ -41,7 +46,7 @@ describe('Popover', () => { }); it('focus input in children node', () => { - const vm = createVue(` + vm = createVue(`
{ }); it('focus textarea in children node', () => { - const vm = createVue(` + vm = createVue(`
{ }); it('focus input', () => { - const vm = createVue(` + vm = createVue(`
{ }); it('focus button', () => { - const vm = createVM('focus'); + vm = createVM('focus'); const compo = vm.$refs.popover; const button = vm.$el.querySelector('button'); @@ -187,7 +192,7 @@ describe('Popover', () => { }); it('destroy event', () => { - const vm = createTest(Popover, { + vm = createTest(Popover, { reference: document.createElement('div'), popper: document.createElement('div') }); diff --git a/test/unit/specs/progress.spec.js b/test/unit/specs/progress.spec.js index 59fa8c2ee..4b9b0ccf9 100644 --- a/test/unit/specs/progress.spec.js +++ b/test/unit/specs/progress.spec.js @@ -1,8 +1,13 @@ -import { createVue } from '../util'; +import { createVue, destroyVM } from '../util'; describe('Progress', () => { + let vm; + afterEach(() => { + destroyVM(vm); + }); + it('create', () => { - const vm = createVue({ + vm = createVue({ template: `
@@ -21,7 +26,7 @@ describe('Progress', () => { expect(vm.$refs.percent100.$el.querySelector('.el-progress-bar__inner').style.width).to.be.equal('100%'); }); it('status', () => { - const vm = createVue({ + vm = createVue({ template: `
@@ -42,7 +47,7 @@ describe('Progress', () => { expect(vm.$refs.circleException.$el.querySelector('.el-progress__text .el-icon-close')).to.be.exist; }); it('text inside', () => { - const vm = createVue({ + vm = createVue({ template: ` ` @@ -50,7 +55,7 @@ describe('Progress', () => { expect(vm.$el.classList.contains('el-progress--text-inside')).to.be.true; }); it('stroke width', () => { - const vm = createVue({ + vm = createVue({ template: ` ` @@ -58,7 +63,7 @@ describe('Progress', () => { expect(vm.$el.querySelector('.el-progress-bar__outer').style.height).to.be.equal('8px'); }); it('show text', () => { - const vm = createVue({ + vm = createVue({ template: ` ` @@ -66,7 +71,7 @@ describe('Progress', () => { expect(vm.$el.querySelector('.el-progress__text')).to.not.exist; }); it('circle', () => { - const vm = createVue({ + vm = createVue({ template: ` ` @@ -74,7 +79,7 @@ describe('Progress', () => { expect(vm.$el.classList.contains('el-progress--circle')).to.be.true; }); it('width', () => { - const vm = createVue({ + vm = createVue({ template: ` ` diff --git a/test/unit/specs/radio.spec.js b/test/unit/specs/radio.spec.js index daab6e9bd..a25a7b988 100644 --- a/test/unit/specs/radio.spec.js +++ b/test/unit/specs/radio.spec.js @@ -1,8 +1,13 @@ -import { createVue } from '../util'; +import { createVue, destroyVM } from '../util'; describe('Radio', () => { + let vm; + afterEach(() => { + destroyVM(vm); + }); + it('create', done => { - const vm = createVue({ + vm = createVue({ template: ` @@ -22,7 +27,7 @@ describe('Radio', () => { }); }); it('disabled', done => { - const vm = createVue({ + vm = createVue({ template: ` { }); }); it('radio group', done => { - const vm = createVue({ + vm = createVue({ template: ` 备选项 @@ -70,7 +75,7 @@ describe('Radio', () => { }); }); it('radio button', done => { - const vm = createVue({ + vm = createVue({ template: ` 备选项 diff --git a/test/unit/specs/row.spec.js b/test/unit/specs/row.spec.js index f97774cb0..497401419 100644 --- a/test/unit/specs/row.spec.js +++ b/test/unit/specs/row.spec.js @@ -1,14 +1,19 @@ -import { createTest } from '../util'; +import { createTest, destroyVM } from '../util'; import Row from 'packages/row'; describe('Row', () => { + let vm; + afterEach(() => { + destroyVM(vm); + }); + it('create', () => { - const vm = createTest(Row, true); + vm = createTest(Row, true); let rowElm = vm.$el; expect(rowElm.classList.contains('el-row')).to.be.true; }); it('gutter', () => { - const vm = createTest(Row, { + vm = createTest(Row, { gutter: 20 }, true); let rowElm = vm.$el; @@ -16,21 +21,21 @@ describe('Row', () => { expect(rowElm.style.marginRight).to.be.equal('-10px'); }); it('type', () => { - const vm = createTest(Row, { + vm = createTest(Row, { type: 'flex' }, true); let rowElm = vm.$el; expect(rowElm.classList.contains('el-row--flex')).to.be.true; }); it('justify', () => { - const vm = createTest(Row, { + vm = createTest(Row, { justify: 'end' }, true); let rowElm = vm.$el; expect(rowElm.classList.contains('is-justify-end')).to.be.true; }); it('align', () => { - const vm = createTest(Row, { + vm = createTest(Row, { align: 'bottom' }, true); let rowElm = vm.$el; diff --git a/test/unit/specs/steps.spec.js b/test/unit/specs/steps.spec.js index 3c5b94e7f..03c4bce9d 100644 --- a/test/unit/specs/steps.spec.js +++ b/test/unit/specs/steps.spec.js @@ -1,9 +1,14 @@ -import { createVue } from '../util'; +import { createVue, destroyVM } from '../util'; import Vue from 'vue'; describe('Steps', () => { + let vm; + afterEach(() => { + destroyVM(vm); + }); + it('create', () => { - const vm = createVue(` + vm = createVue(` @@ -15,7 +20,7 @@ describe('Steps', () => { }); it('space', done => { - const vm = createVue(` + vm = createVue(` @@ -41,7 +46,7 @@ describe('Steps', () => { }); it('processStatus', done => { - const vm = createVue(` + vm = createVue(` @@ -56,7 +61,7 @@ describe('Steps', () => { }); it('finishStatus', done => { - const vm = createVue(` + vm = createVue(` @@ -70,7 +75,7 @@ describe('Steps', () => { }); it('active', done => { - const vm = createVue({ + vm = createVue({ template: ` @@ -94,7 +99,7 @@ describe('Steps', () => { }); it('create vertical', () => { - const vm = createVue(` + vm = createVue(` @@ -105,7 +110,7 @@ describe('Steps', () => { }); it('vertical:height', done => { - const vm = createVue(` + vm = createVue(` diff --git a/test/unit/specs/tabs.spec.js b/test/unit/specs/tabs.spec.js index 7562e22b0..f17e29daf 100644 --- a/test/unit/specs/tabs.spec.js +++ b/test/unit/specs/tabs.spec.js @@ -1,8 +1,13 @@ -import { createVue } from '../util'; +import { createVue, destroyVM } from '../util'; describe('Tabs', () => { + let vm; + afterEach(() => { + destroyVM(vm); + }); + it('create', done => { - const vm = createVue({ + vm = createVue({ template: ` A @@ -27,7 +32,7 @@ describe('Tabs', () => { }, 100); }); it('active-name', done => { - const vm = createVue({ + vm = createVue({ template: ` A @@ -63,7 +68,7 @@ describe('Tabs', () => { }, 100); }); it('card', () => { - const vm = createVue({ + vm = createVue({ template: ` A @@ -77,7 +82,7 @@ describe('Tabs', () => { expect(vm.$el.classList.contains('el-tabs--card')).to.be.true; }); it('border card', () => { - const vm = createVue({ + vm = createVue({ template: ` A @@ -91,7 +96,7 @@ describe('Tabs', () => { expect(vm.$el.classList.contains('el-tabs--border-card')).to.be.true; }); it('closable', done => { - const vm = createVue({ + vm = createVue({ template: ` A @@ -127,7 +132,7 @@ describe('Tabs', () => { }, 100); }); it('closable edge', done => { - const vm = createVue({ + vm = createVue({ template: ` A diff --git a/test/unit/specs/tag.spec.js b/test/unit/specs/tag.spec.js index 4ee7f2334..aa8492570 100644 --- a/test/unit/specs/tag.spec.js +++ b/test/unit/specs/tag.spec.js @@ -1,8 +1,13 @@ -import { createVue } from '../util'; +import { createVue, destroyVM } from '../util'; describe('Tag', () => { + let vm; + afterEach(() => { + destroyVM(vm); + }); + it('create', () => { - const vm = createVue({ + vm = createVue({ template: ` ` @@ -14,7 +19,7 @@ describe('Tag', () => { }); it('text', () => { - const vm = createVue({ + vm = createVue({ template: ` 标签 ` @@ -23,7 +28,7 @@ describe('Tag', () => { }); it('type', () => { - const vm = createVue({ + vm = createVue({ template: ` ` @@ -32,7 +37,7 @@ describe('Tag', () => { }); it('hit', () => { - const vm = createVue({ + vm = createVue({ template: ` ` @@ -41,7 +46,7 @@ describe('Tag', () => { }); it('closable', done => { - const vm = createVue({ + vm = createVue({ template: ` 关闭标签 `, @@ -66,7 +71,7 @@ describe('Tag', () => { }); it('closeTransition', () => { - const vm = createVue({ + vm = createVue({ template: ` ` diff --git a/test/unit/specs/time-picker.spec.js b/test/unit/specs/time-picker.spec.js index a0072cd78..9fa8127cb 100644 --- a/test/unit/specs/time-picker.spec.js +++ b/test/unit/specs/time-picker.spec.js @@ -3,8 +3,13 @@ import TimePicker from 'packages/time-picker'; import Vue from 'vue'; describe('TimePicker', () => { + let vm; + afterEach(() => { + destroyVM(vm); + }); + it('create', () => { - const vm = createTest(TimePicker, { + vm = createTest(TimePicker, { placeholder: 'test', readonly: true }); @@ -14,7 +19,7 @@ describe('TimePicker', () => { }); it('format', () => { - const vm = createTest(TimePicker, { + vm = createTest(TimePicker, { format: 'HH-mm-ss', value: new Date(2016, 9, 10, 18, 40) }); @@ -23,7 +28,7 @@ describe('TimePicker', () => { }); it('default value', done => { - const vm = createTest(TimePicker, { + vm = createTest(TimePicker, { value: new Date(2016, 9, 10, 18, 40) }, true); @@ -45,7 +50,7 @@ describe('TimePicker', () => { }); it('select time', done => { - const vm = createTest(TimePicker, true); + vm = createTest(TimePicker, true); const input = vm.$el.querySelector('input'); input.blur(); @@ -80,7 +85,7 @@ describe('TimePicker', () => { }); it('click cancel button', done => { - const vm = createTest(TimePicker, true); + vm = createTest(TimePicker, true); const input = vm.$el.querySelector('input'); input.blur(); @@ -97,7 +102,7 @@ describe('TimePicker', () => { }); it('click confirm button', done => { - const vm = createTest(TimePicker, true); + vm = createTest(TimePicker, true); const input = vm.$el.querySelector('input'); input.blur(); @@ -114,7 +119,7 @@ describe('TimePicker', () => { }); it('set format', done => { - const vm = createTest(TimePicker, { + vm = createTest(TimePicker, { pickerOptions: { format: 'HH:mm' } @@ -131,7 +136,7 @@ describe('TimePicker', () => { }); it('set format to empty', done => { - const vm = createTest(TimePicker, { + vm = createTest(TimePicker, { pickerOptions: { format: '' } @@ -148,7 +153,7 @@ describe('TimePicker', () => { }); it('selectableRange', done => { - const vm = createTest(TimePicker, { + vm = createTest(TimePicker, { pickerOptions: { selectableRange: '18:30:00 - 20:30:00' } diff --git a/test/unit/specs/time-select.spec.js b/test/unit/specs/time-select.spec.js index a54eef1f5..886a4749d 100644 --- a/test/unit/specs/time-select.spec.js +++ b/test/unit/specs/time-select.spec.js @@ -3,8 +3,13 @@ import TimeSelect from 'packages/time-select'; import Vue from 'vue'; describe('TimeSelect', () => { + let vm; + afterEach(() => { + destroyVM(vm); + }); + it('should render correct contents', done => { - const vm = createTest(TimeSelect, { + vm = createTest(TimeSelect, { pickerOptions: { start: '08:30', step: '00:15', @@ -28,7 +33,7 @@ describe('TimeSelect', () => { }); it('select time', done => { - const vm = createVue({ + vm = createVue({ template: `
@@ -62,7 +67,7 @@ describe('TimeSelect', () => { }); it('set default value', done => { - const vm = createTest(TimeSelect, { + vm = createTest(TimeSelect, { value: '14:30' }, true); const input = vm.$el.querySelector('input'); @@ -80,7 +85,7 @@ describe('TimeSelect', () => { }); it('set minTime', done => { - const vm = createVue(` + vm = createVue(` { + let vm; + afterEach(() => { + destroyVM(vm); + }); + it('create', () => { - const vm = createVue(` + vm = createVue(` `); @@ -66,7 +71,7 @@ describe('Tooltip', () => { }); it('light mode', () => { - const vm = createVue(` + vm = createVue(`