From 415f9aa68d5b1f76a7c76c7c4bb8d64a35c81b15 Mon Sep 17 00:00:00 2001
From: Ben Wilson <ben.wilson@smartbear.com>
Date: Wed, 13 Aug 2025 16:37:08 +0100
Subject: [PATCH] test: :recycle: update approach to changing page title

---
 .../features/fixtures/packages/vue-router/src/main.js | 11 +++++++++++
 .../packages/vue-router/src/views/ContactProfile.vue  |  6 ------
 .../packages/vue-router/src/views/ContactView.vue     |  3 ---
 3 files changed, 11 insertions(+), 9 deletions(-)

diff --git a/test/browser/features/fixtures/packages/vue-router/src/main.js b/test/browser/features/fixtures/packages/vue-router/src/main.js
index 4605a6446..5c40bbd0b 100644
--- a/test/browser/features/fixtures/packages/vue-router/src/main.js
+++ b/test/browser/features/fixtures/packages/vue-router/src/main.js
@@ -11,22 +11,26 @@ const endpoint = parameters.get('endpoint')
 
 const base = '/docs/vue-router'
 
+/** @typedef {import('vue-router').Router} Router */
 const router = createRouter({
   history: createWebHistory(base),
   routes: [
     {
       path: '/',
       name: 'home',
+      meta: { title: 'Home' },
       component: HomeView
     },
     {
       path: '/contacts/:contactId()',
       name: 'contact',
+      meta: { title: (route) => `Contact ${route.params.contactId}` },
       component: () => import('./views/ContactView.vue'),
       children: [
         {
           path: 'profile',
           name: 'profile', 
+          meta: { title: 'Contact Profile' },
           component: () => import('./views/ContactProfile.vue')
         }
       ]
@@ -34,6 +38,13 @@ const router = createRouter({
   ]
 })
 
+router.beforeEach((to, from, next) => {
+  const title = typeof to.meta.title === 'function' 
+    ? to.meta.title(to) 
+    : to.meta.title
+  document.title = title || 'Default Title'
+  next()
+})
 
 BugsnagPerformance.start({
     apiKey,
diff --git a/test/browser/features/fixtures/packages/vue-router/src/views/ContactProfile.vue b/test/browser/features/fixtures/packages/vue-router/src/views/ContactProfile.vue
index 5ac6ba706..f3aa3eb5c 100644
--- a/test/browser/features/fixtures/packages/vue-router/src/views/ContactProfile.vue
+++ b/test/browser/features/fixtures/packages/vue-router/src/views/ContactProfile.vue
@@ -1,9 +1,3 @@
-<script setup>
-import { onMounted } from 'vue'
-
-onMounted(() => { document.title = 'Contact Profile'; })
-</script>
-
 <template>
   <div>
     <h1>Contact {{ $route.params.contactId }} Profile</h1>
diff --git a/test/browser/features/fixtures/packages/vue-router/src/views/ContactView.vue b/test/browser/features/fixtures/packages/vue-router/src/views/ContactView.vue
index 5e78e9c07..2e3e9809f 100644
--- a/test/browser/features/fixtures/packages/vue-router/src/views/ContactView.vue
+++ b/test/browser/features/fixtures/packages/vue-router/src/views/ContactView.vue
@@ -1,8 +1,5 @@
 <script setup>
-import { onMounted } from 'vue'
 import { RouterLink, RouterView } from 'vue-router'
-
-onMounted(() => { document.title = 'Contact 1'; })
 </script>
 
 <template>