feat: stub out transitions by default

Author: lmiller1990

packages/create-instance/create-instance.js

@@ -55,7 +55,7 @@ export default function createInstance(
   const stubComponentsObject = createStubsFromStubsObject(
     componentOptions.components,
     // $FlowIgnore
-    options.stubs,
+    { ...options.stubs, transition: true },
     _Vue
   )
 

test/resources/components/component-with-transitions.vue

@@ -0,0 +1,20 @@
+<template>
+  <div>
+    <transition>
+      <span v-if="!expanded" data-testid="expanded">
+        Content
+      </span>
+    </transition>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'component-with-transitions',
+  data() {
+    return {
+      expanded: false
+    }
+  }
+}
+</script>

test/specs/mounting-options/stubs.spec.js

@@ -1,4 +1,5 @@
 import ComponentWithChild from '~resources/components/component-with-child.vue'
+import ComponentWithTransitions from '~resources/components/component-with-transitions.vue'
 import ComponentWithNestedChildren from '~resources/components/component-with-nested-children.vue'
 import Component from '~resources/components/component.vue'
 import ComponentAsAClass from '~resources/components/component-as-a-class.vue'
@@ -53,6 +54,14 @@ describeWithShallowAndMount('options.stub', mountingMethod => {
     expect(wrapper.findAll(Component).length).to.equal(1)
   })
 
+  it('stubs out transitions by default', async () => {
+    const wrapper = mountingMethod(ComponentWithTransitions)
+    expect(wrapper.find('[data-testid="expanded"]').exists()).to.equal(true)
+    wrapper.setData({ expanded: true })
+    await wrapper.vm.$nextTick()
+    expect(wrapper.find('[data-testid="expanded"]').exists()).to.equal(false)
+  })
+
   it('replaces component with a component', () => {
     const mounted = sandbox.stub()
     const Stub = {