test: add test

vuejs · May 27, 2021 · 912bd0e · 912bd0e
1 parent 0f882ee
commit 912bd0e
Show file tree

Hide file tree

Showing 2 changed files with 44 additions and 4 deletions.
diff --git a/packages/runtime-core/__tests__/rendererOptimizedMode.spec.ts b/packages/runtime-core/__tests__/rendererOptimizedMode.spec.ts
@@ -1,6 +1,7 @@
 import {
   h,
   Fragment,
+  Suspense,
   Teleport,
   createVNode,
   createCommentVNode,
@@ -784,4 +785,43 @@ describe('renderer: optimized mode', () => {
     await nextTick()
     expect(inner(root)).toBe('<div><div><span>loading</span></div></div>')
   })
+
+  // #3828
+  test('patch suspense exit optimized mode', async () => {
+    const show = ref(false)
+
+    const app = createApp({
+      setup() {
+        return () => {
+          return (
+            openBlock(),
+            createBlock(
+              Fragment,
+              null,
+              [
+                (openBlock(),
+                createBlock(Suspense as any, null, {
+                  default: withCtx(() => [
+                    createVNode('div', null, [
+                      createTextVNode(show.value as any, PatchFlags.TEXT)
+                    ])
+                  ]),
+                  _: SlotFlags.STABLE
+                })),
+                createVNode('div', null, show.value, PatchFlags.TEXT)
+              ],
+              PatchFlags.STABLE_FRAGMENT
+            )
+          )
+        }
+      }
+    })
+
+    app.mount(root)
+    expect(inner(root)).toBe('<div>false</div><div>false</div>')
+
+    show.value = true
+    await nextTick()
+    expect(inner(root)).toBe('<div>true</div><div>true</div>')
+  })
 })
diff --git a/packages/runtime-core/src/components/Suspense.ts b/packages/runtime-core/src/components/Suspense.ts
@@ -182,7 +182,7 @@ function patchSuspense(
         suspense,
         isSVG,
         slotScopeIds,
-        optimized
+        !!newBranch.dynamicChildren
       )
       if (suspense.deps <= 0) {
         suspense.resolve()
@@ -196,7 +196,7 @@ function patchSuspense(
           null, // fallback tree will not have suspense context
           isSVG,
           slotScopeIds,
-          optimized
+          !!newBranch.dynamicChildren
         )
         setActiveBranch(suspense, newFallback)
       }
@@ -245,7 +245,7 @@ function patchSuspense(
             null, // fallback tree will not have suspense context
             isSVG,
             slotScopeIds,
-            optimized
+            !!newBranch.dynamicChildren
           )
           setActiveBranch(suspense, newFallback)
         }
@@ -260,7 +260,7 @@ function patchSuspense(
           suspense,
           isSVG,
           slotScopeIds,
-          optimized
+          !!newBranch.dynamicChildren
         )
         // force resolve
         suspense.resolve(true)