test: add temp auth config as a playwright workaround

src/backend/app/auth/auth_routes.py

@@ -315,7 +315,6 @@ async def temp_login(
     setting it as a cookie.
 
     Args:
-        request (Request): The incoming request object.
         email: email of non-osm user.
 
     Returns:

src/frontend/e2e/auth.setup.ts

@@ -1,24 +1,15 @@
-import { test as setup, expect } from '@playwright/test';
+import { test as setup } from '@playwright/test';
 import path from 'path';
 
 const authFile = path.join(__dirname, './.auth/user.json');
 
 setup('authenticate', async ({ page }) => {
-  // Navigate to the app's base URL
-  await page.goto('/');
-  await page.getByRole('button', { name: 'Sign in' }).click();
+  // Note this sets a token so we can proceed, but the login will be
+  // overwritten by svcfmtm localadmin user (as DEBUG=True)
+  await page.goto('/playwright-temp-login/');
 
-  // Select OSM login
-  await page.getByText('Personal OSM Account').click();
-  await page.waitForSelector('text=Log in to OpenStreetMap');
-
-  // OSM Login page
-  await page.getByLabel('Email Address or Username').fill(process.env.OSM_USERNAME || 'username');
-  await page.getByLabel('Password').fill(process.env.OSM_PASSWORD || 'password');
-  await page.getByRole('button', { name: 'Log in' }).click();
-
-  // Wait for redirect and valid login (sign out button)
-  await page.waitForSelector('text=Sign Out');
+  // Now check we are signed in as localadmin
+  await page.waitForSelector('text=localadmin');
 
   // Save authentication state
   await page.context().storageState({ path: authFile });

src/frontend/src/routes.jsx

@@ -8,6 +8,7 @@ import Organisation from '@/views/Organisation';
 import CreateEditOrganization from '@/views/CreateEditOrganization';
 import ApproveOrganization from '@/views/ApproveOrganization';
 import OsmAuth from '@/views/OsmAuth';
+import PlaywrightTempLogin from '@/views/PlaywrightTempLogin';
 import SubmissionDetails from '@/views/SubmissionDetails';
 import CreateNewProject from '@/views/CreateNewProject';
 import UnderConstruction from '@/views/UnderConstruction';
@@ -187,6 +188,16 @@ const routes = createBrowserRouter([
           </Suspense>
         ),
       },
+      {
+        path: '/playwright-temp-login/',
+        element: (
+          <Suspense fallback={<div>Loading...</div>}>
+            <ErrorBoundary>
+              <PlaywrightTempLogin />
+            </ErrorBoundary>
+          </Suspense>
+        ),
+      },
       {
         path: '/under-construction/',
         element: (

src/frontend/src/views/PlaywrightTempLogin.tsx

@@ -0,0 +1,32 @@
+// This file is a workaround to populate state.login.authDetails
+// the auth is overridden when testing due to DEBUG=True on the backend,
+// but we need to update the frontend state to show we are logged in
+
+import axios from 'axios';
+import { getUserDetailsFromApi } from '@/utilfunctions/login';
+import { CommonActions } from '@/store/slices/CommonSlice';
+import CoreModules from '@/shared/CoreModules.js';
+import { LoginActions } from '@/store/slices/LoginSlice';
+
+async function PlaywrightTempAuth() {
+  const dispatch = CoreModules.useAppDispatch();
+  // Sets a cookie in the browser that is used for auth
+  await axios.get(`${import.meta.env.VITE_API_URL}/auth/temp-login`);
+
+  const apiUser = await getUserDetailsFromApi();
+  if (!apiUser) {
+    dispatch(
+      CommonActions.SetSnackBar({
+        open: true,
+        message: 'Temp login failed. Try OSM.',
+        variant: 'error',
+        duration: 2000,
+      }),
+    );
+    return;
+  }
+
+  dispatch(LoginActions.setAuthDetails(apiUser));
+}
+
+export default PlaywrightTempAuth;