chore(react-router-v6): tidy up parts of the PR i wasn't happy with

packages/core/src/components/Button/Button.test.jsx

@@ -24,7 +24,7 @@ describe('<Button />', () => {
   it('navigates using react-router', async () => {
     const testString = 'This is test string';
     const buttonLabel = 'Navigate!';
-    const { getByText, getByRole, ...all } = render(
+    const { getByText } = render(
       wrapInTestApp(
         <Routes>
           <Route path="/test" element={<p>{testString}</p>} />
@@ -34,7 +34,7 @@ describe('<Button />', () => {
     );
 
     expect(() => getByText(testString)).toThrow();
-    await act(async () => fireEvent.click(getByRole('button')));
+    await act(async () => fireEvent.click(getByText(buttonLabel)));
     expect(getByText(testString)).toBeInTheDocument();
   });
 });

packages/test-utils/src/testUtils/appWrappers.test.tsx

@@ -17,7 +17,7 @@
 import React, { FC, useEffect } from 'react';
 import { render } from '@testing-library/react';
 import { wrapInTestApp, renderInTestApp } from './appWrappers';
-import { Route } from 'react-router';
+import { Route, Routes } from 'react-router';
 import { withLogCollector } from '@backstage/test-utils-core';
 import {
   useApi,
@@ -32,11 +32,11 @@ describe('wrapInTestApp', () => {
     const { error } = await withLogCollector(['error'], async () => {
       const rendered = render(
         wrapInTestApp(
-          <>
+          <Routes>
             <Route path="/route1" element={<p>Route 1</p>} />
             <Route path="/route2" element={<p>Route 2</p>} />
-          </>,
-          { routeEntries: ['/'] },
+          </Routes>,
+          { routeEntries: ['/route2'] },
         ),
       );