`,
- components: {
- ComponentAsAClass
+ components: {
+ ComponentAsAClass
+ }
}
- }
- const wrapper = mount(TestComponent)
- expect(wrapper.find(ComponentAsAClass).vnode).to.be.an('object')
- })
+ const wrapper = mountingMethod(TestComponent)
+ expect(wrapper.find(ComponentAsAClass).vnode).to.be.an('object')
+ })
it('returns Wrapper of Vue Component matching functional component', () => {
if (!functionalSFCsSupported()) {
@@ -136,7 +141,7 @@ describe('find', () => {
}
}
- const wrapper = mount(TestComponent)
+ const wrapper = mountingMethod(TestComponent)
expect(wrapper.find(FunctionalComponent).vnode).to.be.an('object')
expect(wrapper.find(FunctionalComponent).vm).to.equal(undefined)
})
@@ -153,7 +158,7 @@ describe('find', () => {
TestFunctionalComponent
}
}
- const wrapper = mount(TestComponent)
+ const wrapper = mountingMethod(TestComponent)
if (vueVersion < 2.3) {
const message = '[vue-test-utils]: find for functional components is not support in Vue < 2.3'
const fn = () => wrapper.find(TestFunctionalComponent)
@@ -173,7 +178,7 @@ describe('find', () => {
})
}
}
- const wrapper = mount(TestComponent)
+ const wrapper = mountingMethod(TestComponent)
expect(wrapper.find('svg').find('svg').exists()).to.equal(true)
})
@@ -187,7 +192,7 @@ describe('find', () => {
})
}
}
- const fn = () => mount(TestComponent).find('svg').find(Component)
+ const fn = () => mountingMethod(TestComponent).find('svg').find(Component)
const message = '[vue-test-utils]: cannot find a Vue instance on a DOM node. The node you are calling find on does not exist in the VDom. Are you adding the node as innerHTML?'
expect(fn).to.throw().with.property('message', message)
})
@@ -202,25 +207,25 @@ describe('find', () => {
})
}
}
- const fn = () => mount(TestComponent).find('svg').find({ ref: 'some-ref' })
+ const fn = () => mountingMethod(TestComponent).find('svg').find({ ref: 'some-ref' })
const message = '[vue-test-utils]: cannot find a Vue instance on a DOM node. The node you are calling find on does not exist in the VDom. Are you adding the node as innerHTML?'
expect(fn).to.throw().with.property('message', message)
})
it('returns correct number of Vue Wrappers when component has a v-for', () => {
const items = [{ id: 1 }, { id: 2 }, { id: 3 }]
- const wrapper = mount(ComponentWithVFor, { propsData: { items }})
+ const wrapper = mountingMethod(ComponentWithVFor, { propsData: { items }})
expect(wrapper.find(Component).vnode).to.be.an('object')
})
it('returns array of VueWrappers of Vue Components matching component if component name in parent is different to filename', () => {
- const wrapper = mount(ComponentWithChild)
+ const wrapper = mountingMethod(ComponentWithChild)
const div = wrapper.find('span')
expect(div.find(Component).vnode).to.be.an('object')
})
it('returns Wrapper matching selector using Wrapper as reference', () => {
- const wrapper = mount(ComponentWithChild)
+ const wrapper = mountingMethod(ComponentWithChild)
const div = wrapper.find('span')
expect(div.find(Component).vnode).to.be.an('object')
})
@@ -240,13 +245,13 @@ describe('find', () => {
`
}
- const wrapper = mount(TestComponent, { localVue })
+ const wrapper = mountingMethod(TestComponent, { localVue })
const span = wrapper.find('span')
expect(span.find(AComponent).exists()).to.equal(false)
})
it('returns empty Wrapper with error if no nodes are found', () => {
- const wrapper = mount(Component)
+ const wrapper = mountingMethod(Component)
const selector = 'pre'
const error = wrapper.find(selector)
expect(error.exists()).to.equal(false)
@@ -254,7 +259,7 @@ describe('find', () => {
})
it('returns empty Wrapper with error if no nodes are found when passed a component', () => {
- const wrapper = mount(Component)
+ const wrapper = mountingMethod(Component)
const error = wrapper.find(ComponentWithChild)
expect(error.exists()).to.equal(false)
expect(error.selector).to.equal('Component')
@@ -262,7 +267,7 @@ describe('find', () => {
it('returns Wrapper of elements matching the ref in options object', () => {
const compiled = compileToFunctions('
')
- const wrapper = mount(compiled)
+ const wrapper = mountingMethod(compiled)
expect(wrapper.find({ ref: 'foo' })).to.be.an('object')
})
@@ -277,24 +282,24 @@ describe('find', () => {
extends: BaseComponent,
name: 'test-component'
}
- const wrapper = mount(TestComponent)
+ const wrapper = mountingMethod(TestComponent)
expect(wrapper.find(TestComponent).exists()).to.equal(true)
expect(wrapper.find(TestComponent).isVueComponent).to.equal(true)
})
it('returns a Wrapper matching a component name in options object', () => {
- const wrapper = mount(ComponentWithChild)
+ const wrapper = mountingMethod(ComponentWithChild)
expect(wrapper.find({ name: 'component' }).name()).to.equal('component')
})
it('returns Wrapper of Vue Component matching the ref in options object', () => {
- const wrapper = mount(ComponentWithChild)
+ const wrapper = mountingMethod(ComponentWithChild)
expect(wrapper.find({ ref: 'child' }).isVueComponent).to.equal(true)
})
it('throws an error when ref selector is called on a wrapper that is not a Vue component', () => {
const compiled = compileToFunctions('
')
- const wrapper = mount(compiled)
+ const wrapper = mountingMethod(compiled)
const a = wrapper.find('a')
const message = '[vue-test-utils]: $ref selectors can only be used on Vue component wrappers'
const fn = () => a.find({ ref: 'foo' })
@@ -303,12 +308,12 @@ describe('find', () => {
it('returns Wrapper matching ref selector in options object passed if nested in a transition', () => {
const compiled = compileToFunctions('')
- const wrapper = mount(compiled)
+ const wrapper = mountingMethod(compiled)
expect(wrapper.find({ ref: 'foo' })).to.be.an('object')
})
it('returns empty Wrapper with error if no nodes are found via ref in options object', () => {
- const wrapper = mount(Component)
+ const wrapper = mountingMethod(Component)
const error = wrapper.find({ ref: 'foo' })
expect(error.exists()).to.equal(false)
expect(error.selector).to.equal('ref="foo"')
@@ -325,12 +330,12 @@ describe('find', () => {
ComponentWithoutName
}
}
- const wrapper = mount(TestComponent)
+ const wrapper = mountingMethod(TestComponent)
expect(wrapper.find(ComponentWithoutName).exists()).to.equal(true)
})
it('throws an error if selector is not a valid selector', () => {
- const wrapper = mount(Component)
+ const wrapper = mountingMethod(Component)
const invalidSelectors = [
undefined, null, NaN, 0, 2, true, false, () => {}, {}, { name: undefined }, { ref: 'foo', nope: true }, []
]
diff --git a/test/unit/specs/mount/Wrapper/findAll.spec.js b/test/specs/wrapper/findAll.spec.js
similarity index 81%
rename from test/unit/specs/mount/Wrapper/findAll.spec.js
rename to test/specs/wrapper/findAll.spec.js
index b77a60179..78928f6cc 100644
--- a/test/unit/specs/mount/Wrapper/findAll.spec.js
+++ b/test/specs/wrapper/findAll.spec.js
@@ -1,6 +1,4 @@
import { compileToFunctions } from 'vue-template-compiler'
-import { mount } from '~vue-test-utils'
-import { createLocalVue } from '~vue-test-utils'
import ComponentWithChild from '~resources/components/component-with-child.vue'
import ComponentWithoutName from '~resources/components/component-without-name.vue'
import ComponentWithSlots from '~resources/components/component-with-slots.vue'
@@ -8,32 +6,36 @@ import ComponentWithVFor from '~resources/components/component-with-v-for.vue'
import Component from '~resources/components/component.vue'
import FunctionalComponent from '~resources/components/functional-component.vue'
import ComponentAsAClass from '~resources/components/component-as-a-class.vue'
-import { functionalSFCsSupported } from '~resources/test-utils'
+import {
+ functionalSFCsSupported,
+ describeWithShallowAndMount,
+ itSkipIf
+} from '~resources/test-utils'
-describe('findAll', () => {
+describeWithShallowAndMount('findAll', (mountingMethod) => {
it('returns an WrapperArray of elements matching tag selector passed', () => {
const compiled = compileToFunctions('
')
- const wrapper = mount(compiled)
+ const wrapper = mountingMethod(compiled)
const divs = wrapper.findAll('p')
expect(divs.length).to.equal(2)
})
it('returns an array of Wrapper of elements matching class selector passed', () => {
const compiled = compileToFunctions('
')
- const wrapper = mount(compiled)
+ const wrapper = mountingMethod(compiled)
const fooArr = wrapper.findAll('.foo')
expect(fooArr.length).to.equal(1)
})
it('returns an array of Wrapper of elements matching class selector passed if they are nested in a transition', () => {
const compiled = compileToFunctions('')
- const wrapper = mount(compiled)
+ const wrapper = mountingMethod(compiled)
const divArr = wrapper.findAll('div')
expect(divArr.length).to.equal(1)
})
it('returns an array of Wrapper of elements matching class selector passed if they are declared inside a slot', () => {
- const wrapper = mount(ComponentWithSlots, {
+ const wrapper = mountingMethod(ComponentWithSlots, {
slots: {
default: '
`,
- components: {
- ComponentAsAClass
- }
- }
+ components: {
+ ComponentAsAClass
+ }
+ }
- const wrapper = mount(TestComponent)
- expect(wrapper.findAll(ComponentAsAClass).length).to.equal(1)
- })
+ const wrapper = mountingMethod(TestComponent)
+ expect(wrapper.findAll(ComponentAsAClass).length).to.equal(1)
+ })
it('returns Wrapper of Vue Component matching functional component', () => {
if (!functionalSFCsSupported()) {
@@ -223,19 +227,19 @@ describe('findAll', () => {
}
}
- const wrapper = mount(TestComponent)
+ const wrapper = mountingMethod(TestComponent)
expect(wrapper.findAll(FunctionalComponent).length).to.equal(1)
})
it('returns VueWrapper with length 0 if no nodes matching selector are found', () => {
- const wrapper = mount(Component)
+ const wrapper = mountingMethod(Component)
const preArray = wrapper.findAll('pre')
expect(preArray.length).to.equal(0)
expect(preArray.wrappers).to.deep.equal([])
})
it('returns an array of Wrapper of elements matching a component name in options object', () => {
- const wrapper = mount(ComponentWithChild)
+ const wrapper = mountingMethod(ComponentWithChild)
const wrapperArray = wrapper.findAll({ name: 'component' })
expect(wrapperArray.at(0).name()).to.equal('component')
expect(wrapperArray.length).to.equal(1)
@@ -243,14 +247,14 @@ describe('findAll', () => {
it('returns an array of Wrapper of elements matching the ref in options object', () => {
const compiled = compileToFunctions('
')
- const wrapper = mount(compiled)
+ const wrapper = mountingMethod(compiled)
const fooArr = wrapper.findAll({ ref: 'foo' })
expect(fooArr.length).to.equal(1)
})
it('throws an error when ref selector is called on a wrapper that is not a Vue component', () => {
const compiled = compileToFunctions('
')
- const wrapper = mount(compiled)
+ const wrapper = mountingMethod(compiled)
const a = wrapper.find('a')
const message = '[vue-test-utils]: $ref selectors can only be used on Vue component wrappers'
const fn = () => a.findAll({ ref: 'foo' })
@@ -259,27 +263,27 @@ describe('findAll', () => {
it('returns an array of Wrapper of elements matching the ref in options object if they are nested in a transition', () => {
const compiled = compileToFunctions('')
- const wrapper = mount(compiled)
+ const wrapper = mountingMethod(compiled)
const divArr = wrapper.findAll({ ref: 'foo' })
expect(divArr.length).to.equal(1)
})
it('returns correct number of Vue Wrapper when component has a v-for and matches the ref in options object', () => {
const items = [{ id: 1 }, { id: 2 }, { id: 3 }]
- const wrapper = mount(ComponentWithVFor, { propsData: { items }})
+ const wrapper = mountingMethod(ComponentWithVFor, { propsData: { items }})
const componentArray = wrapper.findAll({ ref: 'item' })
expect(componentArray.length).to.equal(items.length)
})
it('returns VueWrapper with length 0 if no nodes matching the ref in options object are found', () => {
- const wrapper = mount(Component)
+ const wrapper = mountingMethod(Component)
const preArray = wrapper.findAll({ ref: 'foo' })
expect(preArray.length).to.equal(0)
expect(preArray.wrappers).to.deep.equal([])
})
it('throws an error if selector is not a valid selector', () => {
- const wrapper = mount(Component)
+ const wrapper = mountingMethod(Component)
const invalidSelectors = [
undefined, null, NaN, 0, 2, true, false, () => {}, {}, { name: undefined }, { ref: 'foo', nope: true }, []
]
diff --git a/test/unit/specs/mount/Wrapper/hasAttribute.spec.js b/test/specs/wrapper/hasAttribute.spec.js
similarity index 79%
rename from test/unit/specs/mount/Wrapper/hasAttribute.spec.js
rename to test/specs/wrapper/hasAttribute.spec.js
index 3e71d0253..e7af4dc74 100644
--- a/test/unit/specs/mount/Wrapper/hasAttribute.spec.js
+++ b/test/specs/wrapper/hasAttribute.spec.js
@@ -1,31 +1,31 @@
import { compileToFunctions } from 'vue-template-compiler'
-import { mount } from '~vue-test-utils'
+import { describeWithShallowAndMount } from '~resources/test-utils'
-describe('hasAttribute', () => {
+describeWithShallowAndMount('hasAttribute', (mountingMethod) => {
it('returns true if wrapper contains attribute matching value', () => {
const attribute = 'attribute'
const value = 'value'
const compiled = compileToFunctions(``)
- const wrapper = mount(compiled)
+ const wrapper = mountingMethod(compiled)
expect(wrapper.hasAttribute(attribute, value)).to.equal(true)
})
it('returns false if wrapper does not contain attribute', () => {
const compiled = compileToFunctions('')
- const wrapper = mount(compiled)
+ const wrapper = mountingMethod(compiled)
expect(wrapper.hasAttribute('attribute', 'value')).to.equal(false)
})
it('returns false if wrapper element is null', () => {
const compiled = compileToFunctions('')
- const wrapper = mount(compiled)
+ const wrapper = mountingMethod(compiled)
wrapper.element = null
expect(wrapper.hasAttribute('attribute', 'value')).to.equal(false)
})
it('throws an error if attribute is not a string', () => {
const compiled = compileToFunctions('')
- const wrapper = mount(compiled)
+ const wrapper = mountingMethod(compiled)
const message = '[vue-test-utils]: wrapper.hasAttribute() must be passed attribute as a string'
const fn = () => wrapper.hasAttribute(undefined, 'value')
expect(fn).to.throw().with.property('message', message)
@@ -33,7 +33,7 @@ describe('hasAttribute', () => {
it('throws an error if value is not a string', () => {
const compiled = compileToFunctions('')
- const wrapper = mount(compiled)
+ const wrapper = mountingMethod(compiled)
const message = '[vue-test-utils]: wrapper.hasAttribute() must be passed value as a string'
const fn = () => wrapper.hasAttribute('attribute', undefined)
expect(fn).to.throw().with.property('message', message)
diff --git a/test/unit/specs/mount/Wrapper/hasClass.spec.js b/test/specs/wrapper/hasClass.spec.js
similarity index 78%
rename from test/unit/specs/mount/Wrapper/hasClass.spec.js
rename to test/specs/wrapper/hasClass.spec.js
index 4fdefdbab..0b234d9f0 100644
--- a/test/unit/specs/mount/Wrapper/hasClass.spec.js
+++ b/test/specs/wrapper/hasClass.spec.js
@@ -1,29 +1,29 @@
import ComponentWithCssModules from '~resources/components/component-with-css-modules.vue'
import { compileToFunctions } from 'vue-template-compiler'
-import { mount } from '~vue-test-utils'
+import { describeWithShallowAndMount } from '~resources/test-utils'
-describe('hasClass', () => {
+describeWithShallowAndMount('hasClass', (mountingMethod) => {
it('returns true if wrapper has class name', () => {
const compiled = compileToFunctions('')
- const wrapper = mount(compiled)
+ const wrapper = mountingMethod(compiled)
expect(wrapper.hasClass('a-class')).to.equal(true)
})
it('returns false if wrapper does not have class name', () => {
const compiled = compileToFunctions('')
- const wrapper = mount(compiled)
+ const wrapper = mountingMethod(compiled)
expect(wrapper.hasClass('not-class-name')).to.equal(false)
})
it('returns false if wrapper includes class name in string, but not as a seperate class', () => {
const compiled = compileToFunctions('')
- const wrapper = mount(compiled)
+ const wrapper = mountingMethod(compiled)
expect(wrapper.hasClass('class-name')).to.equal(false)
})
it('throws an error if selector is not a string', () => {
const compiled = compileToFunctions('')
- const wrapper = mount(compiled)
+ const wrapper = mountingMethod(compiled)
const invalidSelectors = [
undefined, null, NaN, 0, 2, true, false, () => {}, {}, []
]
@@ -35,13 +35,13 @@ describe('hasClass', () => {
})
it('returns true when element contains class name mapped in css modules', () => {
- const wrapper = mount(ComponentWithCssModules)
+ const wrapper = mountingMethod(ComponentWithCssModules)
expect(wrapper.hasClass('color-red')).to.equal(true)
})
it('returns false if wrapper does not contain element', () => {
- const wrapper = mount({ render: (h) => h('div.a-class.b-class') })
+ const wrapper = mountingMethod({ render: (h) => h('div.a-class.b-class') })
const div = wrapper.find('div')
div.element = null
expect(wrapper.hasClass('a-class b-class')).to.equal(false)
@@ -49,7 +49,7 @@ describe('hasClass', () => {
it('returns true when the element contains multiple classes', () => {
const compiled = compileToFunctions('')
- const wrapper = mount(compiled)
+ const wrapper = mountingMethod(compiled)
expect(wrapper.hasClass('a-class b-class')).to.equal(true)
})
})
diff --git a/test/unit/specs/mount/Wrapper/hasProp.spec.js b/test/specs/wrapper/hasProp.spec.js
similarity index 80%
rename from test/unit/specs/mount/Wrapper/hasProp.spec.js
rename to test/specs/wrapper/hasProp.spec.js
index d7596a157..7f3487a77 100644
--- a/test/unit/specs/mount/Wrapper/hasProp.spec.js
+++ b/test/specs/wrapper/hasProp.spec.js
@@ -1,12 +1,12 @@
import { compileToFunctions } from 'vue-template-compiler'
-import { mount } from '~vue-test-utils'
import ComponentWithProps from '~resources/components/component-with-props.vue'
+import { describeWithShallowAndMount } from '~resources/test-utils'
-describe('hasProp', () => {
+describeWithShallowAndMount('hasProp', (mountingMethod) => {
it('returns true if wrapper has prop', () => {
const prop1 = {}
const prop2 = 'a prop'
- const wrapper = mount(ComponentWithProps, {
+ const wrapper = mountingMethod(ComponentWithProps, {
propsData: { prop1, prop2 }
})
expect(wrapper.hasProp('a-class')).to.equal(true)
@@ -14,13 +14,13 @@ describe('hasProp', () => {
it('returns false if wrapper does not have class name', () => {
const compiled = compileToFunctions('')
- const wrapper = mount(compiled)
+ const wrapper = mountingMethod(compiled)
expect(wrapper.hasProp('no-prop', 'value')).to.equal(false)
})
it('throws an error if called on a non vm wrapper', () => {
const compiled = compileToFunctions('
')
- const p = mount(compiled).findAll('p').at(0)
+ const p = mountingMethod(compiled).findAll('p').at(0)
const message = '[vue-test-utils]: wrapper.hasProp() must be called on a Vue instance'
const fn = () => p.hasProp('no-prop', 'value')
expect(fn).to.throw().with.property('message', message)
@@ -28,7 +28,7 @@ describe('hasProp', () => {
it('throws an error if prop is not a string', () => {
const compiled = compileToFunctions('')
- const wrapper = mount(compiled)
+ const wrapper = mountingMethod(compiled)
const invalidSelectors = [
undefined, null, NaN, 0, 2, true, false, () => {}, {}, []
]
diff --git a/test/unit/specs/mount/Wrapper/hasStyle.spec.js b/test/specs/wrapper/hasStyle.spec.js
similarity index 82%
rename from test/unit/specs/mount/Wrapper/hasStyle.spec.js
rename to test/specs/wrapper/hasStyle.spec.js
index ff19e1d7c..e74101c03 100644
--- a/test/unit/specs/mount/Wrapper/hasStyle.spec.js
+++ b/test/specs/wrapper/hasStyle.spec.js
@@ -1,11 +1,11 @@
import { compileToFunctions } from 'vue-template-compiler'
-import { mount } from '~vue-test-utils'
import ComponentWithStyle from '~resources/components/component-with-style.vue'
+import { describeWithShallowAndMount } from '~resources/test-utils'
-describe('hasStyle', () => {
+describeWithShallowAndMount('hasStyle', (mountingMethod) => {
it('returns true when element contains styles, set inline', () => {
const compiled = compileToFunctions('')
- const wrapper = mount(compiled)
+ const wrapper = mountingMethod(compiled)
expect(wrapper.find('div').hasStyle('color', 'red')).to.equal(true)
})
@@ -14,7 +14,7 @@ describe('hasStyle', () => {
return
}
console.log(navigator.userAgent.includes('jsdom'))
- const wrapper = mount(ComponentWithStyle)
+ const wrapper = mountingMethod(ComponentWithStyle)
expect(wrapper.find('div').hasStyle('color', 'red')).to.equal(true)
})
@@ -22,7 +22,7 @@ describe('hasStyle', () => {
if (navigator.userAgent.includes && navigator.userAgent.includes('jsdom')) {
return
}
- const wrapper = mount(ComponentWithStyle)
+ const wrapper = mountingMethod(ComponentWithStyle)
expect(wrapper.find('p').hasStyle('color', 'red')).to.equal(true)
expect(wrapper.find('span').hasStyle('color', 'red')).to.equal(true)
expect(wrapper.find('span').hasStyle('color', 'orange')).to.equal(false)
@@ -32,7 +32,7 @@ describe('hasStyle', () => {
if (navigator.userAgent.includes && navigator.userAgent.includes('jsdom')) {
return
}
- const wrapper = mount(ComponentWithStyle, { attachToDocument: true })
+ const wrapper = mountingMethod(ComponentWithStyle, { attachToDocument: true })
expect(wrapper.find('p').hasStyle('color', 'red')).to.equal(true)
expect(wrapper.find('span').hasStyle('color', 'red')).to.equal(true)
expect(wrapper.find('span').hasStyle('color', 'orange')).to.equal(false)
@@ -40,7 +40,7 @@ describe('hasStyle', () => {
it('throws an error if style is not a string', () => {
const compiled = compileToFunctions('')
- const wrapper = mount(compiled)
+ const wrapper = mountingMethod(compiled)
const message = '[vue-test-utils]: wrapper.hasStyle() must be passed style as a string'
const fn = () => wrapper.hasStyle(undefined, 'red')
expect(fn).to.throw().with.property('message', message)
@@ -48,7 +48,7 @@ describe('hasStyle', () => {
it('throws an error if value is not a string', () => {
const compiled = compileToFunctions('')
- const wrapper = mount(compiled)
+ const wrapper = mountingMethod(compiled)
const message = '[vue-test-utils]: wrapper.hasClass() must be passed value as string'
const fn = () => wrapper.hasStyle('color', undefined)
expect(fn).to.throw().with.property('message', message)
@@ -58,7 +58,7 @@ describe('hasStyle', () => {
if (navigator.userAgent.includes && navigator.userAgent.includes('jsdom')) {
return
}
- const wrapper = mount(ComponentWithStyle)
+ const wrapper = mountingMethod(ComponentWithStyle)
expect(wrapper.find('p').hasStyle('margin-top333', '10px')).to.equal(false)
})
})
diff --git a/test/unit/specs/mount/Wrapper/html.spec.js b/test/specs/wrapper/html.spec.js
similarity index 75%
rename from test/unit/specs/mount/Wrapper/html.spec.js
rename to test/specs/wrapper/html.spec.js
index 28ea04df5..630a7468d 100644
--- a/test/unit/specs/mount/Wrapper/html.spec.js
+++ b/test/specs/wrapper/html.spec.js
@@ -1,18 +1,18 @@
import { compileToFunctions } from 'vue-template-compiler'
-import { mount } from '~vue-test-utils'
import Component from '~resources/components/component.vue'
import ComponentAsAClass from '~resources/components/component-as-a-class.vue'
-import { vueVersion } from '~resources/test-utils'
+import { vueVersion, describeWithShallowAndMount } from '~resources/test-utils'
-describe('html', () => {
+describeWithShallowAndMount('html', (mountingMethod) => {
it('returns a VueWrappers HTML as a string', () => {
const expectedHtml = ''
- const wrapper = mount(Component)
+ const wrapper = mountingMethod(Component)
expect(wrapper.html()).to.equal(expectedHtml)
})
it('returns a VueWrappers HTML as a string when component has no render function', () => {
- const wrapper = mount({
+ if (mountingMethod.name === 'shallow') return
+ const wrapper = mountingMethod({
template: `
1
`,
components: {
tester: {
@@ -29,14 +29,14 @@ describe('html', () => {
if (vueVersion < 2.3) {
return
}
- const wrapper = mount(ComponentAsAClass)
+ const wrapper = mountingMethod(ComponentAsAClass)
expect(wrapper.html()).to.equal('')
})
it('returns a Wrappers HTML as a string', () => {
const expectedHtml = ''
const compiled = compileToFunctions(expectedHtml)
- const wrapper = mount(compiled)
+ const wrapper = mountingMethod(compiled)
expect(wrapper.html()).to.equal(expectedHtml)
})
})
diff --git a/test/unit/specs/mount/Wrapper/is.spec.js b/test/specs/wrapper/is.spec.js
similarity index 80%
rename from test/unit/specs/mount/Wrapper/is.spec.js
rename to test/specs/wrapper/is.spec.js
index c0cf32fd3..90f7b77f6 100644
--- a/test/unit/specs/mount/Wrapper/is.spec.js
+++ b/test/specs/wrapper/is.spec.js
@@ -1,50 +1,49 @@
import { compileToFunctions } from 'vue-template-compiler'
-import { mount } from '~vue-test-utils'
import ComponentWithChild from '~resources/components/component-with-child.vue'
import Component from '~resources/components/component.vue'
import ComponentWithoutName from '~resources/components/component-without-name.vue'
import FunctionalComponent from '~resources/components/functional-component.vue'
import ComponentAsAClass from '~resources/components/component-as-a-class.vue'
-import { functionalSFCsSupported } from '~resources/test-utils'
+import { functionalSFCsSupported, describeWithShallowAndMount } from '~resources/test-utils'
-describe('is', () => {
+describeWithShallowAndMount('is', (mountingMethod) => {
it('returns true if root node matches tag selector', () => {
const compiled = compileToFunctions('')
- const wrapper = mount(compiled)
+ const wrapper = mountingMethod(compiled)
expect(wrapper.is('input')).to.equal(true)
})
it('returns true if root node matches class selector', () => {
const compiled = compileToFunctions('')
- const wrapper = mount(compiled)
+ const wrapper = mountingMethod(compiled)
expect(wrapper.is('.div')).to.equal(true)
})
it('returns true if root node matches id selector', () => {
const compiled = compileToFunctions('')
- const wrapper = mount(compiled)
+ const wrapper = mountingMethod(compiled)
expect(wrapper.is('#div')).to.equal(true)
})
it('returns false if wrapper does not contain element', () => {
- const wrapper = mount(ComponentWithChild)
+ const wrapper = mountingMethod(ComponentWithChild)
wrapper.element = null
expect(wrapper.is('a')).to.equal(false)
})
it('returns true if root node matches Vue Component selector', () => {
- const wrapper = mount(ComponentWithChild)
+ const wrapper = mountingMethod(ComponentWithChild)
const component = wrapper.findAll(Component).at(0)
expect(component.is(Component)).to.equal(true)
})
it('returns true if root node matches Component', () => {
- const wrapper = mount(Component)
+ const wrapper = mountingMethod(Component)
expect(wrapper.is(Component)).to.equal(true)
})
it('returns true if root node matches Component without a name', () => {
- const wrapper = mount(ComponentWithoutName)
+ const wrapper = mountingMethod(ComponentWithoutName)
expect(wrapper.is(ComponentWithoutName)).to.equal(true)
})
@@ -58,7 +57,7 @@ describe('is', () => {
})
}
}
- const wrapper = mount(TestComponent)
+ const wrapper = mountingMethod(TestComponent)
expect(wrapper.find('svg').is('svg')).to.equal(true)
})
@@ -66,42 +65,42 @@ describe('is', () => {
if (!functionalSFCsSupported()) {
return
}
- const wrapper = mount(FunctionalComponent)
+ const wrapper = mountingMethod(FunctionalComponent)
expect(wrapper.is(FunctionalComponent)).to.equal(true)
})
it('returns true if root node matches Component extending class component', () => {
- const wrapper = mount(ComponentAsAClass)
+ const wrapper = mountingMethod(ComponentAsAClass)
expect(wrapper.is(ComponentAsAClass)).to.equal(true)
})
it('returns false if root node is not a Vue Component', () => {
- const wrapper = mount(ComponentWithChild)
+ const wrapper = mountingMethod(ComponentWithChild)
const input = wrapper.findAll('span').at(0)
expect(input.is(Component)).to.equal(false)
})
it('returns false if root node does not match tag selector', () => {
const compiled = compileToFunctions('')
- const wrapper = mount(compiled)
+ const wrapper = mountingMethod(compiled)
expect(wrapper.is('p')).to.equal(false)
})
it('returns false if root node does not match class selector', () => {
const compiled = compileToFunctions('')
- const wrapper = mount(compiled)
+ const wrapper = mountingMethod(compiled)
expect(wrapper.is('.p')).to.equal(false)
})
it('returns false if root node does not match id selector', () => {
const compiled = compileToFunctions('')
- const wrapper = mount(compiled)
+ const wrapper = mountingMethod(compiled)
expect(wrapper.is('#p')).to.equal(false)
})
it('throws error if ref options object is passed', () => {
const compiled = compileToFunctions('')
- const wrapper = mount(compiled)
+ const wrapper = mountingMethod(compiled)
const message = '[vue-test-utils]: $ref selectors can not be used with wrapper.is()'
const fn = () => wrapper.is({ ref: 'foo' })
@@ -110,7 +109,7 @@ describe('is', () => {
it('throws an error if selector is not a valid selector', () => {
const compiled = compileToFunctions('')
- const wrapper = mount(compiled)
+ const wrapper = mountingMethod(compiled)
const invalidSelectors = [
undefined, null, NaN, 0, 2, true, false, () => {}, {}, { name: undefined }, { ref: 'foo', nope: true }, []
]
diff --git a/test/unit/specs/mount/Wrapper/isEmpty.spec.js b/test/specs/wrapper/isEmpty.spec.js
similarity index 76%
rename from test/unit/specs/mount/Wrapper/isEmpty.spec.js
rename to test/specs/wrapper/isEmpty.spec.js
index 46f750696..99d89ea0e 100644
--- a/test/unit/specs/mount/Wrapper/isEmpty.spec.js
+++ b/test/specs/wrapper/isEmpty.spec.js
@@ -1,10 +1,10 @@
import { compileToFunctions } from 'vue-template-compiler'
-import { mount } from '~vue-test-utils'
+import { describeWithShallowAndMount } from '~resources/test-utils'
-describe('isEmpty', () => {
+describeWithShallowAndMount('isEmpty', (mountingMethod) => {
it('returns true if node is empty', () => {
const compiled = compileToFunctions('')
- const wrapper = mount(compiled)
+ const wrapper = mountingMethod(compiled)
expect(wrapper.isEmpty()).to.equal(true)
})
@@ -19,7 +19,7 @@ describe('isEmpty', () => {
})
}
}
- const wrapper = mount(TestComponent)
+ const wrapper = mountingMethod(TestComponent)
expect(wrapper.find('svg').isEmpty()).to.equal(true)
})
@@ -33,20 +33,20 @@ describe('isEmpty', () => {
})
}
}
- const wrapper = mount(TestComponent)
+ const wrapper = mountingMethod(TestComponent)
expect(wrapper.find('svg').isEmpty()).to.equal(false)
})
it('returns true contains empty slot', () => {
const compiled = compileToFunctions('