feat(react): Set url.template, url.path and url.full on routing spans

Adds url.template to React Router v3–v6 and v4/v5 instrumentation, fixes
TanStack React Router navigation url.path/url.full to use the target
location, and updates unit and e2e tests.

part of #21921

Co-Authored-By: Cursor Agent <cursoragent@cursor.com>
Co-authored-by: Cursor <cursoragent@cursor.com>

Author: Lms24

dev-packages/e2e-tests/test-applications/react-17/tests/transactions.test.ts

@@ -15,6 +15,12 @@ test('sends a pageload transaction with a parameterized URL', async ({ page }) =
       trace: {
         op: 'pageload',
         origin: 'auto.pageload.react.reactrouter_v6',
+        data: {
+          'sentry.source': 'route',
+          'url.template': '/',
+          'url.path': '/',
+          'url.full': expect.stringMatching(/^https?:\/\/localhost:\d+\/$/),
+        },
       },
     },
     transaction: '/',
@@ -46,6 +52,12 @@ test('sends a navigation transaction with a parameterized URL', async ({ page })
       trace: {
         op: 'navigation',
         origin: 'auto.navigation.react.reactrouter_v6',
+        data: {
+          'sentry.source': 'route',
+          'url.template': '/user/:id',
+          'url.path': '/user/5',
+          'url.full': expect.stringMatching(/^https?:\/\/localhost:\d+\/user\/5$/),
+        },
       },
     },
     transaction: '/user/:id',

dev-packages/e2e-tests/test-applications/react-create-browser-router/tests/transactions.test.ts

@@ -31,6 +31,9 @@ test('Captures a pageload transaction', async ({ page }) => {
         'sentry.origin': 'auto.pageload.react.reactrouter_v6',
         'sentry.sample_rate': 1,
         'sentry.source': 'route',
+        'url.template': '/',
+        'url.path': '/',
+        'url.full': expect.stringMatching(/^https?:\/\/localhost:\d+\/$/),
       }),
       op: 'pageload',
       span_id: expect.stringMatching(/[a-f0-9]{16}/),
@@ -58,6 +61,9 @@ test('Captures a navigation transaction', async ({ page }) => {
       'sentry.origin': 'auto.navigation.react.reactrouter_v6',
       'sentry.sample_rate': 1,
       'sentry.source': 'route',
+      'url.template': '/user/:id',
+      'url.path': '/user/5',
+      'url.full': expect.stringMatching(/^https?:\/\/localhost:\d+\/user\/5$/),
     }),
     links: [
       {
@@ -106,6 +112,9 @@ test('Captures a lazy pageload transaction', async ({ page }) => {
       'sentry.origin': 'auto.pageload.react.reactrouter_v6',
       'sentry.sample_rate': 1,
       'sentry.source': 'route',
+      'url.template': '/lazy-loaded-user/:id/:innerId',
+      'url.path': '/lazy-loaded-user/5/foo',
+      'url.full': expect.stringMatching(/^https?:\/\/localhost:\d+\/lazy-loaded-user\/5\/foo$/),
     }),
     op: 'pageload',
     span_id: expect.stringMatching(/[a-f0-9]{16}/),
@@ -159,6 +168,9 @@ test('Captures a lazy navigation transaction', async ({ page }) => {
       'sentry.origin': 'auto.navigation.react.reactrouter_v6',
       'sentry.sample_rate': 1,
       'sentry.source': 'route',
+      'url.template': '/lazy-loaded-user/:id/:innerId',
+      'url.path': '/lazy-loaded-user/5/foo',
+      'url.full': expect.stringMatching(/^https?:\/\/localhost:\d+\/lazy-loaded-user\/5\/foo$/),
     }),
     links: [
       {