Add throw error

Author: 38elements

docs/en/api/options.md

@@ -64,7 +64,9 @@ expect(wrapper.find('div')).toBe(true)
 #### Passing text
 
 You can pass text to `slots`.  
-There is a limitation to this.
+There is two limitations to this.
+
+This does not support PhantomJS.
 
 The text works below.
 

src/lib/add-slots.js

@@ -13,6 +13,9 @@ function addSlotToVm (vm: Component, slotName: string, slotValue: Component | st
     if (!compileToFunctions) {
       throwError('vueTemplateCompiler is undefined, you must pass components explicitly if vue-template-compiler is undefined')
     }
+    if (window.navigator.userAgent.match(/PhantomJS/i)) {
+      throwError('option.slots does not support PhantomJS. Please use Puppeteer')
+    }
     const domParser = new window.DOMParser()
     const document = domParser.parseFromString(slotValue, 'text/html')
     const _slotValue = slotValue.trim()

test/unit/specs/mount/options/slots.spec.js

@@ -4,6 +4,18 @@ import Component from '~resources/components/component.vue'
 import ComponentWithSlots from '~resources/components/component-with-slots.vue'
 
 describe('mount.slots', () => {
+  let _window
+
+  beforeEach(() => {
+    _window = window
+  })
+
+  afterEach(() => {
+    /* eslint-disable */
+    window = _window 
+    /* eslint-enable */
+  })
+
   it('mounts component with default slot if passed component in slot object', () => {
     const wrapper = mount(ComponentWithSlots, { slots: { default: Component }})
     expect(wrapper.contains(Component)).to.equal(true)
@@ -25,6 +37,15 @@ describe('mount.slots', () => {
     expect(wrapper.contains('span')).to.equal(true)
   })
 
+  it('throws error if the UserAgent is PhantomJS when passed string is in slot object', () => {
+    /* eslint-disable */
+    window = { navigator: { userAgent:'PhantomJS' } }
+    /* eslint-enable */
+    const message = '[vue-test-utils]: option.slots does not support PhantomJS. Please use Puppeteer'
+    const fn = () => mount(ComponentWithSlots, { slots: { default: 'foo' }})
+    expect(fn).to.throw().with.property('message', message)
+  })
+
   it('mounts component with default slot if passed string in slot object', () => {
     const wrapper1 = mount(ComponentWithSlots, { slots: { default: 'foo<span>123</span>{{ foo }}' }})
     expect(wrapper1.find('main').html()).to.equal('<main>foo<span>123</span>bar</main>')