test(vue): add multi-version testing (#25785)

packages/vue/test/base/src/router/index.ts

@@ -0,0 +1,153 @@
+import { createRouter, createWebHistory } from '@ionic/vue-router';
+import { RouteRecordRaw } from 'vue-router';
+import Home from '@/views/Home.vue'
+import { DelayGuard } from '@/guards/Delay';
+
+const routes: Array<RouteRecordRaw> = [
+  {
+    path: '/',
+    component: Home
+  },
+  {
+    path: '/version-test',
+    component: () => import('@/views/VersionTest.vue')
+  },
+  {
+    path: '/delayed-redirect',
+    beforeEnter: DelayGuard,
+    component: Home
+  },
+  {
+    path: '/lifecycle',
+    component: () => import('@/views/Lifecycle.vue')
+  },
+  {
+    path: '/lifecycle-setup',
+    component: () => import('@/views/LifecycleSetup.vue')
+  },
+  {
+    path: '/overlays',
+    component: () => import('@/views/Overlays.vue')
+  },
+  {
+    path: '/keep-contents-mounted',
+    component: () => import('@/views/OverlaysKeepContentsMounted.vue')
+  },
+  {
+    path: '/inputs',
+    component: () => import('@/views/Inputs.vue')
+  },
+  {
+    path: '/slides',
+    component: () => import('@/views/Slides.vue')
+  },
+  {
+    path: '/default-href',
+    component: () => import('@/views/DefaultHref.vue')
+  },
+  {
+    path: '/routing',
+    component: () => import('@/views/Routing.vue')
+  },
+  {
+    path: '/routing/child',
+    component: () => import('@/views/RoutingChild.vue')
+  },
+  {
+    path: '/routing/:id',
+    component: () => import('@/views/RoutingParameter.vue'),
+    props: true
+  },
+  {
+    path: '/routing/:id/view',
+    component: () => import('@/views/RoutingParameterView.vue')
+  },
+  {
+    path: '/navigation',
+    component: () => import('@/views/Navigation.vue')
+  },
+  {
+    path: '/nested',
+    component: () => import('@/views/RouterOutlet.vue'),
+    children: [
+      {
+        path: '',
+        component: () => import('@/views/NestedChild.vue')
+      },
+      {
+        path: 'two',
+        component: () => import('@/views/NestedChildTwo.vue')
+      },
+      {
+        path: ':id',
+        component: () => import('@/views/Folder.vue'),
+        props: true
+      }
+    ]
+  },
+  {
+    path: '/tabs/',
+    component: () => import('@/views/Tabs.vue'),
+    children: [
+      {
+        path: '',
+        redirect: '/tabs/tab1'
+      },
+      {
+        path: 'tab1',
+        component: () => import('@/views/Tab1.vue'),
+      },
+      {
+        path: 'tab1/:id',
+        component: () => import('@/views/Tab1Parameter.vue'),
+        props: true
+      },
+      {
+        path: 'tab2',
+        component: () => import('@/views/Tab2.vue')
+      },
+      {
+        path: 'tab3',
+        beforeEnter: (to, from, next) => {
+          next({ path: '/tabs/tab1' });
+        },
+        component: () => import('@/views/Tab3.vue')
+      },
+      {
+        path: 'tab4',
+        component: () => import('@/views/Tab4.vue')
+      }
+    ]
+  },
+  {
+    path: '/tabs-secondary/',
+    component: () => import('@/views/TabsSecondary.vue'),
+    children: [
+      {
+        path: '',
+        redirect: '/tabs-secondary/tab1'
+      },
+      {
+        path: 'tab1',
+        component: () => import('@/views/Tab1Secondary.vue')
+      },
+      {
+        path: 'tab2',
+        component: () => import('@/views/Tab2Secondary.vue')
+      },
+      {
+        path: 'tab3',
+        component: () => import('@/views/Tab3Secondary.vue')
+      }
+    ]
+  }
+]
+
+const router = createRouter({
+  history: createWebHistory(process.env.BASE_URL),
+  routes
+});
+
+(window as any).debugRouter = router;
+
+export default router