feat: support autologout config

e2e-tests/playwright/e2e/auth-providers/oidc.spec.ts

@@ -387,7 +387,7 @@
 
   test("Ensure Guest login is disabled when setting environment to production", async () => {
     await uiHelper.goToPageUrl("/", "Select a sign-in method");
     const singInMethods = await page
       .locator("div[class^='MuiCardHeader-root']")
       .allInnerTexts();
     expect(singInMethods).not.toContain("Guest");
@@ -444,6 +444,73 @@
     await context.clearCookies();
   });
 
+  test(`Enable autologout and user is logged out after inactivity`, async () => {
+    deployment.setAppConfigProperty("auth.autologout.enabled", "true");
+    deployment.setAppConfigProperty(
+      "auth.autologout.idleTimeoutMinutes",
+      "0.5", // minimum allowed value is 0.5 minutes
+    );
+    deployment.setAppConfigProperty(
+      "auth.autologout.promptBeforeIdleSeconds",
+      "3",
+    );
+    await deployment.updateAllConfigs();
+    await deployment.restartLocalDeployment();
+    await page.waitForTimeout(3000);
+    await deployment.waitForDeploymentReady();
+    await deployment.waitForSynced();
+
+    const login = await common.keycloakLogin(
+      "zeus",
+      process.env.DEFAULT_USER_PASSWORD,
+    );
+    expect(login).toBe("Login successful");
+
+    await uiHelper.verifyTextVisible(
+      "Logging out due to inactivity",
+      false,
+      60000,
+    );
+    await page.waitForTimeout(5000);
+
+    await page.reload();
+
+    const cookies = await context.cookies();
+    const authCookie = cookies.find(
+      (cookie) => cookie.name === "oidc-refresh-token",
+    );
+    expect(authCookie).toBeUndefined();
+  });
+
+  test(`Enable autologout and user stays logged in after clicking "Don't log me out"`, async () => {
+    deployment.setAppConfigProperty("auth.autologout.enabled", "true");
+    deployment.setAppConfigProperty(
+      "auth.autologout.idleTimeoutMinutes",
+      "0.5", // minimum allowed value is 0.5 minutes
+    );
+    deployment.setAppConfigProperty(
+      "auth.autologout.promptBeforeIdleSeconds",
+      "5",
+    );
+    await deployment.updateAllConfigs();
+    await deployment.restartLocalDeployment();
+    await page.waitForTimeout(3000);
+    await deployment.waitForDeploymentReady();
+    await deployment.waitForSynced();
+
+    const login = await common.keycloakLogin(
+      "zeus",
+      process.env.DEFAULT_USER_PASSWORD,
+    );
+    expect(login).toBe("Login successful");
+
+    await uiHelper.clickButtonByText("Don't log me out", { timeout: 60000 });
+
+    await uiHelper.goToPageUrl("/settings", "Settings");
+    await uiHelper.verifyHeading("Zeus Giove");
+    await common.signOut();
+  });
+
   test.afterAll(async () => {
     console.log("[TEST] Starting cleanup...");
     await deployment.killRunningProcess();

packages/app/src/components/AppBase/AppBase.tsx

@@ -2,7 +2,11 @@ import { useContext } from 'react';
 import { Route } from 'react-router-dom';
 
 import { FlatRoutes } from '@backstage/core-app-api';
-import { AlertDisplay, OAuthRequestDialog } from '@backstage/core-components';
+import {
+  AlertDisplay,
+  AutoLogout,
+  OAuthRequestDialog,
+} from '@backstage/core-components';
 import { ApiExplorerPage } from '@backstage/plugin-api-docs';
 import {
   CatalogEntityPage,
@@ -152,6 +156,11 @@ const AppBase = () => {
           </Root>
         </ApplicationProvider>
       </AppRouter>
+      <AutoLogout
+        enabled={false}
+        idleTimeoutMinutes={60}
+        useWorkerTimers={false}
+      />
     </AppProvider>
   );
 };