feat: stub out transitions by default (#1411)

* feat: stub out transitions by default

* fix: stub in global object

Author: lmiller1990

packages/test-utils/src/config.js

@@ -1,5 +1,8 @@
 export default {
-  stubs: {},
+  stubs: {
+    transition: true,
+    'transition-group': true
+  },
   mocks: {},
   methods: {},
   provide: {},

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/config.spec.js

@@ -1,6 +1,7 @@
 import { describeWithShallowAndMount } from '~resources/utils'
 import ComponentWithProps from '~resources/components/component-with-props.vue'
 import { config, createLocalVue } from '@vue/test-utils'
+import ComponentWithTransitions from '~resources/components/component-with-transitions.vue'
 
 describeWithShallowAndMount('config', mountingMethod => {
   const sandbox = sinon.createSandbox()
@@ -90,4 +91,12 @@ describeWithShallowAndMount('config', mountingMethod => {
     })
     expect(console.error).calledWith(sandbox.match('[Vue warn]'))
   })
+
+  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)
+  })
 })