fix: Add props to stubs for built-in components

Signed-off-by: Wolfgang Walther <[email protected]>
vuejs · Sep 13, 2022 · 0de4bb4 · 0de4bb4
1 parent 41f77b3
commit 0de4bb4
Show file tree

Hide file tree

Showing 3 changed files with 49 additions and 10 deletions.
diff --git a/src/stubs.ts b/src/stubs.ts
@@ -171,9 +171,28 @@ export function stubComponents(
       return [
         createStub({
           name: 'transition',
+          type: {
+            props: [
+              'name',
+              'css',
+              'type',
+              'duration',
+              'mode',
+              'appear',
+              'enterFromClass',
+              'enterActiveClass',
+              'enterToClass',
+              'appearFromClass',
+              'appearActiveClass',
+              'appearToClass',
+              'leaveFromClass',
+              'leaveActiveClass',
+              'leaveToClass'
+            ]
+          },
           renderStubDefaultSlot: true
         }),
-        undefined,
+        props,
         children
       ]
     }
@@ -185,9 +204,15 @@ export function stubComponents(
       return [
         createStub({
           name: 'transition-group',
+          type: {
+            props: [
+              'tag',
+              'moveClass'
+            ]
+          },
           renderStubDefaultSlot: true
         }),
-        undefined,
+        props,
         children
       ]
     }
@@ -199,9 +224,14 @@ export function stubComponents(
       return [
         createStub({
           name: 'teleport',
+          type: {
+            props: [
+              'disabled'
+            ]
+          },
           renderStubDefaultSlot: true
         }),
-        undefined,
+        props,
         () => children
       ]
     }

diff --git a/tests/features/transition.spec.ts b/tests/features/transition.spec.ts
@@ -1,11 +1,20 @@
-import { expect, test } from 'vitest'
+import { describe, expect, test } from 'vitest'
 import { WithTransition } from '../components/WithTransition'
 import { mount } from '../../src'
 
-test('works with transitions', async () => {
-  const wrapper = mount(WithTransition)
-  expect(wrapper.find('#message').exists()).toBe(false)
+describe('transitions', () => {
+  test('work', async () => {
+    const wrapper = mount(WithTransition)
+    expect(wrapper.find('#message').exists()).toBe(false)
 
-  await wrapper.find('button').trigger('click')
-  expect(wrapper.find('#message').exists()).toBe(true)
+    await wrapper.find('button').trigger('click')
+    expect(wrapper.find('#message').exists()).toBe(true)
+  })
+
+  test('have props', () => {
+    const wrapper = mount(WithTransition)
+    expect(wrapper.getComponent({ name: 'transition' }).props('name')).toBe(
+      'fade'
+    )
+  })
 })
diff --git a/tests/mountingOptions/global.stubs.spec.ts b/tests/mountingOptions/global.stubs.spec.ts
@@ -513,7 +513,7 @@ describe('mounting options: stubs', () => {
       })
 
       expect(wrapper.html()).toBe(
-        '<teleport-stub>\n' +
+        '<teleport-stub to="body">\n' +
           '  <div id="content"></div>\n' +
           '</teleport-stub>'
       )