fix: updating tests now that react router v6 is part of create-react-app

packages/test-generator/integration-test-templates/src/App.tsx

@@ -1,22 +1,31 @@
-import React from 'react';
-import { BrowserRouter as Router, Switch, Route } from 'react-router-dom';
+import { BrowserRouter as Router, Routes, Route } from 'react-router-dom';
 import ComponentTests from './ComponentTests';
 import GenerateTests from './GenerateTests';
 
+const HomePage = () => {
+  return (
+    <div>
+      <h1>Codegen UI Functional Tests</h1>
+      <ul>
+        <li>
+          <a href="/component-tests">Component Tests</a>
+        </li>
+        <li>
+          <a href="/generate-tests">Browser Generation Tests</a>
+        </li>
+      </ul>
+    </div>
+  );
+};
+
 export default function App() {
   return (
     <Router>
-      <Switch>
-        <Route exact path="/">
-          <div>home</div>
-        </Route>
-        <Route path="/component-tests">
-          <ComponentTests />
-        </Route>
-        <Route path="/generate-tests">
-          <GenerateTests />
-        </Route>
-      </Switch>
+      <Routes>
+        <Route path="/component-tests" element={<ComponentTests />} />
+        <Route path="/generate-tests" element={<GenerateTests />} />
+        <Route path="*" element={<HomePage />} />
+      </Routes>
     </Router>
   );
 }

packages/test-generator/integration-test-templates/src/ComponentTests.tsx

@@ -13,7 +13,7 @@
   See the License for the specific language governing permissions and
   limitations under the License.
  */
-import React, { useEffect, useState } from 'react';
+import { useEffect, useState } from 'react';
 import { AmplifyProvider } from '@aws-amplify/ui-react';
 import '@aws-amplify/ui-react/styles.css';
 import ViewTest from './ui-components/ViewTest';

packages/test-generator/integration-test-templates/src/GenerateTests.tsx

@@ -13,7 +13,6 @@
   See the License for the specific language governing permissions and
   limitations under the License.
  */
-import React from 'react';
 import { BrowserTestGenerator } from '@amzn/test-generator';
 
 export default function GenerateTests() {