diff --git a/packages/runtime-core/__tests__/vnode.spec.ts b/packages/runtime-core/__tests__/vnode.spec.ts index 656d27644b9..ea9fc02bda4 100644 --- a/packages/runtime-core/__tests__/vnode.spec.ts +++ b/packages/runtime-core/__tests__/vnode.spec.ts @@ -232,7 +232,7 @@ describe('vnode', () => { }) describe('dynamic children', () => { - test('single call openBlock', () => { + test('with patchFlags', () => { const hoist = createVNode('div') let vnode1 const vnode = (openBlock(), @@ -259,5 +259,38 @@ describe('vnode', () => { expect(vnode.dynamicChildren).toStrictEqual([vnode1, vnode2]) expect(vnode2.dynamicChildren).toStrictEqual([vnode3]) }) + + test('with stateful component', () => { + const hoist = createVNode('div') + let vnode1 + const vnode = (openBlock(), + createBlock('div', null, [ + hoist, + (vnode1 = createVNode({}, null, 'text')) + ])) + expect(vnode.dynamicChildren).toStrictEqual([vnode1]) + }) + + test('with functional component', () => { + const hoist = createVNode('div') + let vnode1 + const vnode = (openBlock(), + createBlock('div', null, [ + hoist, + (vnode1 = createVNode(() => {}, null, 'text')) + ])) + expect(vnode.dynamicChildren).toStrictEqual([vnode1]) + }) + + test('with suspense', () => { + const hoist = createVNode('div') + let vnode1 + const vnode = (openBlock(), + createBlock('div', null, [ + hoist, + (vnode1 = createVNode(() => {}, null, 'text')) + ])) + expect(vnode.dynamicChildren).toStrictEqual([vnode1]) + }) }) }) diff --git a/packages/runtime-core/src/vnode.ts b/packages/runtime-core/src/vnode.ts index 1f08d5cab5b..33c177d6f5c 100644 --- a/packages/runtime-core/src/vnode.ts +++ b/packages/runtime-core/src/vnode.ts @@ -274,6 +274,7 @@ export function createVNode( shouldTrack > 0 && currentBlock !== null && (patchFlag > 0 || + shapeFlag & ShapeFlags.SUSPENSE || shapeFlag & ShapeFlags.STATEFUL_COMPONENT || shapeFlag & ShapeFlags.FUNCTIONAL_COMPONENT) ) {