fix: renderStubDefaultSlot with scoped slots

Fixes #2395

We now explicitely call the default slot with an empty object to ensure that `<ComponentWithSlot v-slot="{ count }">` won't throw when tested with `renderStubDefaultSlot`.

src/vnodeTransformers/stubComponentsTransformer.ts

@@ -117,8 +117,14 @@ export const createStub = ({
         // Also having function text as attribute is useless and annoying so
         // we replace it with "[Function]""
         const stubProps = normalizeStubProps(props)
-
-        return h(tag, stubProps, renderStubDefaultSlot ? slots : undefined)
+        // if renderStubDefaultSlot is true, we render the default slot
+        if (renderStubDefaultSlot) {
+          // we explicitly call the default slot with an empty object
+          // so scope slots destructuring works
+          const slot = slots.default ? slots.default({}) : slots
+          return h(tag, stubProps, slot)
+        }
+        return h(tag, stubProps);
       }
     }
   })

tests/mountingOptions/global.components.spec.ts

@@ -44,8 +44,8 @@ describe('global.components', () => {
     spy.mockRestore()
     expect(wrapper.html()).toBe(
       '<div>\n' +
-        '  <global-component-stub></global-component-stub>\n' +
-        '</div>'
+      '  <global-component-stub></global-component-stub>\n' +
+      '</div>'
     )
   })
 
@@ -72,6 +72,7 @@ describe('global.components', () => {
     spy.mockRestore()
     expect(wrapper.text()).toBe('Global')
   })
+
   it('render children with shallow and renderStubDefaultSlot', () => {
     const Child = defineComponent({
       template: '<div><p>child</p><slot /></div>'
@@ -91,10 +92,38 @@ describe('global.components', () => {
 
     expect(wrapper.html()).toEqual(
       '<div>\n' +
-        '  <child-stub>\n' +
-        '    <div>hello</div>\n' +
-        '  </child-stub>\n' +
-        '</div>'
+      '  <child-stub>\n' +
+      '    <div>hello</div>\n' +
+      '  </child-stub>\n' +
+      '</div>'
+    )
+  })
+
+  // https://github.com/vuejs/test-utils/issues/2395
+  it('render children with shallow and renderStubDefaultSlot with v-slot', () => {
+    const Child = defineComponent({
+      template: '<div><p>child</p><slot /></div>'
+    })
+    const Component = defineComponent({
+      template: '<div><Child v-slot="{ count }"><div>hello{{ count }}there</div></Child></div>',
+      components: {
+        Child
+      }
+    })
+    const wrapper = mount(Component, {
+      shallow: true,
+      global: {
+        renderStubDefaultSlot: true
+      }
+    })
+
+    // count is undefined, but doesn't throw an error
+    expect(wrapper.html()).toEqual(
+      '<div>\n' +
+      '  <child-stub>\n' +
+      '    <div>hellothere</div>\n' +
+      '  </child-stub>\n' +
+      '</div>'
     )
   })
 })