remove react-router component lifecycle tests

Author: gingerbenw

test/browser/features/component-lifecycle-spans.feature

@@ -8,17 +8,3 @@ Feature: Component lifecycle spans
         And a span name equals "[ViewLoadPhase/Unmount]Component"
         And a span named "[ViewLoadPhase/Update]Component" contains the string array attribute "bugsnag.component.update.props":
             | count |
-
-    @skip
-    Scenario: Component lifecycle spans are instrumented with React Router
-        Given I navigate to the test URL "/docs/react-router"
-        And I click the element "change-route-nested-component"
-        And I wait to receive 1 trace
-        Then a span name equals "[ViewLoad/Component]Component"
-        And a span name equals "[ViewLoadPhase/Mount]Component"
-        Then I click the element "update-component"
-        And I wait to receive 1 span
-        Then a span name equals "[ViewLoadPhase/Update]ComponentName"
-        Then I click the element "unmount-component"
-        And I wait to receive 1 span
-        Then a span name equals "[ViewLoadPhase/Unmount]ComponentName"

test/browser/features/fixtures/packages/react-router/src/index.jsx

@@ -1,4 +1,4 @@
-import React, { useEffect, useState } from 'react'
+import React, { useEffect } from 'react'
 import ReactDOM from 'react-dom/client'
 import {
   createBrowserRouter,
@@ -21,9 +21,6 @@ function Root() {
       <Link id="change-route" to="/contacts/1">
         Contact 1
       </Link>
-      <Link id="change-route-nested-component" to="/nested-component">
-        Nested Component
-      </Link>
       <Outlet />
     </>
   )
@@ -37,56 +34,17 @@ function Contact() {
   return <div id="contact">Contact</div>
 }
 
-function Component(count) {
-  return (
-    <>
-      <div>
-        <p>I am a wrapped component!</p>
-      </div>
-      <div>{count}</div>
-    </>
-  )
-}
-
-// const WrappedComponent = withInstrumentedComponent(Component)
-
-function NestedComponent() {
-  const [show, setShow] = useState(true)
-  const [count, setCount] = useState(0)
-
-  return (
-    <div>
-      <button id='update-component' onClick={() => setCount(count + 1)}>
-        Increment
-      </button>
-      <button
-        id='unmount-component'
-        onClick={() => {
-          setShow(!show)
-        }}
-      >
-        {show ? 'Unmount Component' : 'Mount Component'}
-      </button>
-      {show && <Component count={count} />}
-    </div>
-  )
-}
-
 const routes = [
     {
         path: '/',
         element: <Root />,
         children: [
           {
               path: 'contacts/:contactId',
-              element: <Contact />,
-          },
-          {
-              path: 'nested-component',
-              element: <NestedComponent />,
-          },
-        ],
-    },
+              element: <Contact />
+          }
+        ]
+    }
 ]
 
 const router = createBrowserRouter(routes, { basename })