test: add failing nested suspense for #1324

vuejs · Feb 28, 2022 · b28ee2d · b28ee2d
1 parent cf0281e
commit b28ee2d
Showing 1 changed file with 11 additions and 3 deletions.
diff --git a/e2e/suspense/index.ts b/e2e/suspense/index.ts
@@ -72,11 +72,19 @@ function createTestComponent(
   })
 }
 
-function createPassThroughWithSuspense(key: string) {
+function createPassThroughWithSuspense(key: string, isAsync = false) {
   return defineComponent({
     name: `PassThroughViewWithSuspense:${key}`,
     setup() {
       logs.value.push(`PassThrough:${key} setup`)
+      const route = useRoute()
+      const shouldFail = !!route.query.fail
+
+      return isAsync
+        ? delay(100).then(() =>
+            shouldFail ? Promise.reject(new Error('failed')) : {}
+          )
+        : {}
     },
 
     template: `
@@ -117,7 +125,7 @@ const router = createRouter({
     },
     {
       path: '/n/sus/one',
-      component: createPassThroughWithSuspense('sus-one'),
+      component: createPassThroughWithSuspense('sus-one', false),
       children: [
         {
           path: 'child',
@@ -127,7 +135,7 @@ const router = createRouter({
     },
     {
       path: '/n/sus/two',
-      component: createPassThroughWithSuspense('sus-two'),
+      component: createPassThroughWithSuspense('sus-two', true),
       children: [
         {
           path: 'child',