test(e2e): remove redundants id

diff --git a/e2e/suspended-router-view/index.ts b/e2e/suspended-router-view/index.ts
index 8a94028f835898fc17f64a4d5c720e793866918a..50d43175054b4ca8c65e0d432a35e65875636185 100644 (file)
--- a/e2e/suspended-router-view/index.ts
+++ b/e2e/suspended-router-view/index.ts
@@ -201,33 +201,29 @@ const app = createApp({
   },
 
   template: `
-    <div id="app">
-      <ul>
-        <li><router-link to="/">Home</router-link></li>
-        <li><router-link to="/data">Suspended</router-link></li>
-        <li><router-link to="/data/data">Suspended nested</router-link></li>
-        <li><router-link :to="{ name: 'id1', params: { id: nextId }}" v-slot="{ route }">{{ route.fullPath }}</router-link></li>
-
-        <li><router-link to="/data-2">Suspended (2)</router-link></li>
-        <li><router-link to="/data-2/data">Suspended nested (2)</router-link></li>
-        <li><router-link :to="{ name: 'id2', params: { id: nextId }}" v-slot="{ route }">{{ route.fullPath }}</router-link></li>
-      </ul>
-
-      <pre v-if="pendingRoute">Loading {{ pendingRoute.fullPath }} from {{ $route.fullPath }}</pre>
-
-      <router-view v-slot="{ Component }" :route="pendingRoute">
-        <transition name="fade" mode="out-in" v-if="Component">
-          <suspense :timeout="0" v-bind="suspenseProps">
-            <component :is="Component" />
-            <template #fallback>
-              <p>Loading App...</p>
-            </template>
-          </suspense>
-        </transition>
-      </router-view>
+    <ul>
+      <li><router-link to="/">Home</router-link></li>
+      <li><router-link to="/data">Suspended</router-link></li>
+      <li><router-link to="/data/data">Suspended nested</router-link></li>
+      <li><router-link :to="{ name: 'id1', params: { id: nextId }}" v-slot="{ route }">{{ route.fullPath }}</router-link></li>
 
+      <li><router-link to="/data-2">Suspended (2)</router-link></li>
+      <li><router-link to="/data-2/data">Suspended nested (2)</router-link></li>
+      <li><router-link :to="{ name: 'id2', params: { id: nextId }}" v-slot="{ route }">{{ route.fullPath }}</router-link></li>
+    </ul>
 
-    </div>
+    <pre v-if="pendingRoute">Loading {{ pendingRoute.fullPath }} from {{ $route.fullPath }}</pre>
+
+    <router-view v-slot="{ Component }" :route="pendingRoute">
+      <transition name="fade" mode="out-in" v-if="Component">
+        <suspense :timeout="0" v-bind="suspenseProps">
+          <component :is="Component" />
+          <template #fallback>
+            <p>Loading App...</p>
+          </template>
+        </suspense>
+      </transition>
+    </router-view>
   `,
 })
 app.use(router)

diff --git a/e2e/suspense/index.ts b/e2e/suspense/index.ts
index 3d7ec62702dd00994a04e185de210eab5390ba3c..0c4ceabe187e17cbfa6b03cd6f25094ed9f8da47 100644 (file)
--- a/e2e/suspense/index.ts
+++ b/e2e/suspense/index.ts
@@ -69,33 +69,31 @@ const router = createRouter({
 
 const app = createApp({
   template: `
-    <div id="app">
-      <h1>Suspense</h1>
+    <h1>Suspense</h1>
 
-      <pre>
+    <pre>
 route: {{ $route.fullPath }}
 enters: {{ state.enter }}
 updates: {{ state.update }}
 leaves: {{ state.leave }}
-      </pre>
+    </pre>
 
-      <pre id="logs">{{ logs.join('\\n') }}</pre>
+    <pre id="logs">{{ logs.join('\\n') }}</pre>
 
-      <button id="resetLogs" @click="logs = []">Reset Logs</button>
+    <button id="resetLogs" @click="logs = []">Reset Logs</button>
 
-      <ul>
-        <li><router-link to="/">/</router-link></li>
-        <li><router-link to="/foo">/foo</router-link></li>
-        <li><router-link to="/foo-async">/foo-async</router-link></li>
-        <li><router-link id="update-query" :to="{ query: { n: (Number($route.query.n) || 0) + 1 }}" v-slot="{ route }">{{ route.fullPath }}</router-link></li>
-      </ul>
+    <ul>
+      <li><router-link to="/">/</router-link></li>
+      <li><router-link to="/foo">/foo</router-link></li>
+      <li><router-link to="/foo-async">/foo-async</router-link></li>
+      <li><router-link id="update-query" :to="{ query: { n: (Number($route.query.n) || 0) + 1 }}" v-slot="{ route }">{{ route.fullPath }}</router-link></li>
+    </ul>
 
-      <router-view v-slot="{ Component }" >
-        <Suspense>
-          <component :is="Component" class="view" />
-        </Suspense>
-      </router-view>
-    </div>
+    <router-view v-slot="{ Component }" >
+      <Suspense>
+        <component :is="Component" class="view" />
+      </Suspense>
+    </router-view>
   `,
   setup() {
     return { state, logs }

diff --git a/e2e/transitions/index.ts b/e2e/transitions/index.ts
index d2faa3e5d1669afee632e07135def9e12be76384..efc44481aec88ceb5dcb0cf6028d59f413272522 100644 (file)
--- a/e2e/transitions/index.ts
+++ b/e2e/transitions/index.ts
@@ -135,11 +135,9 @@ const app = createApp({
         <li><router-link to="/nested/bar">/nested/bar</router-link></li>
       </ul>
       <router-view class="view" v-slot="{ Component }">
-      <suspense :timeout="0">
         <transition :name="transitionName" mode="out-in">
           <component :is="Component" />
         </transition>
-      </suspense>
       </router-view>
     </div>
   `,