fix(frontend): fix relative links

MTES-MCT · Nov 26, 2024 · a427c0b · a427c0b
1 parent d7b8f1e
commit a427c0b
Show file tree

Hide file tree

Showing 4 changed files with 20 additions and 16 deletions.
diff --git a/frontend/src/views/Account/AccountCreation/AccountEmailActivationView.tsx b/frontend/src/views/Account/AccountCreation/AccountEmailActivationView.tsx
@@ -25,7 +25,7 @@ function AccountEmailActivationView() {
   }
 
   if (!location.state?.email) {
-    return <Navigate to="email" />;
+    return <Navigate to="/inscription/email" />;
   }
 
   const confirmationClasses = classNames(`fr-${status}-text`, {

diff --git a/frontend/src/views/Account/AccountCreation/AccountEmailCreationView.tsx b/frontend/src/views/Account/AccountCreation/AccountEmailCreationView.tsx
@@ -34,7 +34,7 @@ function AccountEmailCreationView() {
         category: TrackEventCategories.AccountCreation,
         action: TrackEventActions.AccountCreation.SendEmail
       });
-      navigate('activation', {
+      navigate('/inscription/activation', {
         state: {
           email
         }

diff --git a/frontend/src/views/Account/AccountCreation/test/AccountEmailCreationView.test.tsx b/frontend/src/views/Account/AccountCreation/test/AccountEmailCreationView.test.tsx
@@ -1,5 +1,5 @@
 import { render, screen } from '@testing-library/react';
-import { MemoryRouter as Router, Route } from 'react-router-dom';
+import { createMemoryRouter, Outlet, RouterProvider } from 'react-router-dom';
 import AccountEmailCreationView from '../AccountEmailCreationView';
 import userEvent from '@testing-library/user-event';
 import { store } from '../../../../store/store';
@@ -9,19 +9,23 @@ describe('AccountEmailCreationView', () => {
   const user = userEvent.setup();
 
   function setup() {
+    const router = createMemoryRouter(
+      [
+        {
+          path: '/inscription/*',
+          element: <Outlet />,
+          children: [
+            { path: 'email', element: <AccountEmailCreationView /> },
+            { path: 'activation', element: 'Activation' }
+          ]
+        }
+      ],
+      { initialEntries: ['/inscription/email'] }
+    );
     render(
       <Provider store={store}>
-        <Router initialEntries={['/inscription/email']}>
-          <Route
-            path="/inscription/email"
-            component={AccountEmailCreationView}
-          />
-          <Route path="/inscription/activation">Activation</Route>
-          <Route exact path="/">
-            Accueil
-          </Route>
-        </Router>
-      </Provider>,
+        <RouterProvider router={router} />
+      </Provider>
     );
   }
 
@@ -40,7 +44,7 @@ describe('AccountEmailCreationView', () => {
     await user.keyboard('{Enter}');
 
     const error = await screen.findByText(
-      "L'adresse doit être un email valide",
+      "L'adresse doit être un email valide"
     );
     expect(error).toBeVisible();
   });

diff --git a/frontend/src/views/Account/AccountCreationView.tsx b/frontend/src/views/Account/AccountCreationView.tsx
@@ -29,7 +29,7 @@ function AccountCreationView() {
               path="campagne"
               element={<AccountCampaignIntentCreationView />}
             />
-            <Route path="*" element={<Navigate replace to="email" />} />
+            <Route path="*" element={<Navigate replace to="../email" />} />
           </Routes>
         </Col>
         <Col n="5" offset="1" className="align-right">