Update e2e tests.

Author: onurtemizkan

dev-packages/e2e-tests/test-applications/react-router-6-descendant-routes/src/index.tsx

@@ -3,7 +3,6 @@ import React from 'react';
 import ReactDOM from 'react-dom/client';
 import {
   BrowserRouter,
-  Outlet,
   Route,
   Routes,
   createRoutesFromChildren,
@@ -43,16 +42,22 @@ Sentry.init({
 
 const SentryRoutes = Sentry.withSentryReactRouterV6Routing(Routes);
 
+const DetailsRoutes = () => (
+  <SentryRoutes>
+    <Route path=":detailId" element={<div id="details">Details</div>} />
+  </SentryRoutes>
+);
+
+const ViewsRoutes = () => (
+  <SentryRoutes>
+    <Route index element={<div id="views">Views</div>} />
+    <Route path="views/:viewId/*" element={<DetailsRoutes />} />
+  </SentryRoutes>
+);
+
 const ProjectsRoutes = () => (
   <SentryRoutes>
-    <Route path=":projectId" element={<div>Project Page</div>}>
-      <Route index element={<div>Project Page Root</div>} />
-      <Route element={<div>Editor</div>}>
-        <Route path="*" element={<Outlet />}>
-          <Route path="views/:viewId" element={<div>View Canvas</div>} />
-        </Route>
-      </Route>
-    </Route>
+    <Route path="projects/:projectId/*" element={<ViewsRoutes />}></Route>
     <Route path="*" element={<div>No Match Page</div>} />
   </SentryRoutes>
 );
@@ -62,7 +67,7 @@ root.render(
   <BrowserRouter>
     <SentryRoutes>
       <Route path="/" element={<Index />} />
-      <Route path="projects/*" element={<ProjectsRoutes />}></Route>
+      <Route path="/*" element={<ProjectsRoutes />}></Route>
     </SentryRoutes>
   </BrowserRouter>,
 );

dev-packages/e2e-tests/test-applications/react-router-6-descendant-routes/src/pages/Index.tsx

@@ -5,7 +5,7 @@ import { Link } from 'react-router-dom';
 const Index = () => {
   return (
     <>
-      <Link to="/projects/123/views/456" id="navigation">
+      <Link to="/projects/123/views/456/789" id="navigation">
         navigate
       </Link>
     </>

dev-packages/e2e-tests/test-applications/react-router-6-descendant-routes/tests/transactions.test.ts

@@ -6,7 +6,7 @@ test('sends a pageload transaction with a parameterized URL', async ({ page }) =
     return !!transactionEvent?.transaction && transactionEvent.contexts?.trace?.op === 'pageload';
   });
 
-  await page.goto(`/projects/123/views/234`);
+  await page.goto(`/projects/123/views/234/567`);
 
   const rootSpan = await transactionPromise;
 
@@ -17,7 +17,7 @@ test('sends a pageload transaction with a parameterized URL', async ({ page }) =
         origin: 'auto.pageload.react.reactrouter_v6',
       },
     },
-    transaction: '/projects/:projectId/views/:viewId',
+    transaction: '/projects/:projectId/views/:viewId/:detailId',
     transaction_info: {
       source: 'route',
     },
@@ -59,7 +59,7 @@ test('sends a navigation transaction with a parameterized URL', async ({ page })
         origin: 'auto.navigation.react.reactrouter_v6',
       },
     },
-    transaction: '/projects/:projectId/views/:viewId',
+    transaction: '/projects/:projectId/views/:viewId/:detailId',
     transaction_info: {
       source: 'route',
     },