feat: 补充运行时异常示例及测试

pages.json

@@ -78,12 +78,12 @@
         "navigationBarTitleText": "v-bind-set"
       }
     },
-    // #ifdef WEB
-    {
-      "path": "pages/directive/v-bind/v-bind-css",
-      "style": {
-        "navigationBarTitleText": "v-bind-css"
-      }
+    // #ifdef WEB
+    {
+      "path": "pages/directive/v-bind/v-bind-css",
+      "style": {
+        "navigationBarTitleText": "v-bind-css"
+      }
     },
     // #endif
     {
@@ -670,6 +670,18 @@
         "navigationBarTitleText": "",
         "enablePullDownRefresh": false
       }
+    },
+    {
+      "path": "pages/error/runtime-error/runtime-error-options",
+      "style": {
+        "navigationBarTitleText": "runtime error 选项式 API"
+      }
+    },
+    {
+      "path": "pages/error/runtime-error/runtime-error-composition",
+      "style": {
+        "navigationBarTitleText": "runtime error 组合式 API"
+      }
     }
   ],
   "tabBar": {

pages/error/runtime-error/runtime-error-composition.uvue

+<template>
+  <view class="page">
+    <text>{{ arr[1] }}</text>
+  </view>
+</template>
+
+<script setup lang="uts">
+const arr = [0]
+</script>

pages/error/runtime-error/runtime-error-options.uvue

+<template>
+  <view class="page">
+    <text>{{ arr[1] }}</text>
+  </view>
+</template>
+
+<script lang="uts">
+  export default {
+    data(){
+      return {
+        arr: [0]
+      }
+    }
+  }
+</script>

pages/error/runtime-error/runtime-error.test.js

+const OPTIONS_PAGE_PATH = '/pages/error/runtime-error/runtime-error-options'
+const COMPOSITION_PAGE_PATH = '/pages/error/runtime-error/runtime-error-composition'
+const HOME_PAGE = '/pages/tab-bar/options-api'
+
+describe('运行时异常', () => {
+	let page
+  const test = async (pagePath) => {
+    page = await program.reLaunch(pagePath)
+    await page.waitFor(1000)
+    expect(page.path).toBe(pagePath.substring(1))
+    page = await program.switchTab(HOME_PAGE)
+    await page.waitFor(1000)
+    expect(page.path).toBe(HOME_PAGE.substring(1))
+  }
+	it('数组下标越位 options API', async () => {
+    await test(OPTIONS_PAGE_PATH)
+	})
+	it('数组下标越位 composition API', async () => {
+    await test(COMPOSITION_PAGE_PATH)
+	})
+})
\ No newline at end of file

pages/tab-bar/composition-api.uvue

@@ -256,7 +256,19 @@
           enable: true,
         }
       ]
-    }
+    },
+    {
+      id: 'error',
+      name: '异常示例',
+      open: false,
+      pages: [
+        {
+          name: '运行时异常',
+          url: 'runtime-error/runtime-error-composition',
+          enable: true,
+        }
+      ] as PageItem[],
+    },
   ] as PageList[]
 
   const goDetailPage = (id : string, e : PageItem) => {
@@ -268,7 +280,14 @@
       return
     }
 
-    const url = e.url!.includes('/') ? e.url : `${e.url}/${e.url}`
+    if(id == 'error'){
+      uni.navigateTo({
+        url: `/pages/error/${e.url}`,
+      })
+      return
+    }    
+
+    const url =  e.url!.includes('/') ? e.url : `${e.url}/${e.url}`
     uni.navigateTo({
       url: `/pages/composition-api/${id}/${url}`,
     })

pages/tab-bar/options-api.uvue

@@ -64,10 +64,10 @@
             name: '内置组件',
             open: false,
             pages: [
-              {
-                name: 'keepAlive',
-                url: 'keep-alive',
-                enable: true,
+              {
+                name: 'keepAlive',
+                url: 'keep-alive',
+                enable: true,
               },{
                 name: 'teleport',
                 url: 'teleport',
@@ -171,21 +171,21 @@
                 name: 'v-bind-attribute',
                 url: 'v-bind/v-bind-attribute',
                 enable: false,
-              },
-              {
-                name: 'v-bind-array-deep',
-                url: 'v-bind/v-bind-array-deep',
-                enable: true,
-              },
-              {
-                name: 'v-bind-map',
-                url: 'v-bind/v-bind-map',
-                enable: true,
-              },
-              {
-                name: 'v-bind-set',
-                url: 'v-bind/v-bind-set',
-                enable: true,
+              },
+              {
+                name: 'v-bind-array-deep',
+                url: 'v-bind/v-bind-array-deep',
+                enable: true,
+              },
+              {
+                name: 'v-bind-map',
+                url: 'v-bind/v-bind-map',
+                enable: true,
+              },
+              {
+                name: 'v-bind-set',
+                url: 'v-bind/v-bind-set',
+                enable: true,
               },
               {
                 name: 'v-model',
@@ -425,13 +425,13 @@
                 url: 'inject',
                 enable: true,
               },
-              // #ifdef APP
+              // #ifdef APP
               {
                 name: 'mixins',
                 url: 'mixins',
                 enable: true,
               },
-              // #endif
+              // #endif
               // #ifdef WEB
               {
                 name: 'mixins',
@@ -467,6 +467,18 @@
               }
             ] as PageItem[],
           },
+          {
+            id: 'error',
+            name: '异常示例',
+            open: false,
+            pages: [
+              {
+                name: '运行时异常',
+                url: 'runtime-error/runtime-error-options',
+                enable: true,
+              }
+            ] as PageItem[],
+          },
         ] as PageList[],
       }
     },
@@ -480,7 +492,7 @@
           return
         }
 
-        const url = e.url!.includes('/') ? e.url : `${e.url}/${e.url}`
+        const url = id == 'error' ? e.url : e.url!.includes('/') ? e.url : `${e.url}/${e.url}`
         uni.navigateTo({
           url: `/pages/${id}/${url}`,
         })