keycloak-pattern/e2e/pattern3.mjs

import assert from "node:assert/strict";
import { chromium } from "playwright-core";

const password = process.env.E2E_PASSWORD;
assert.ok(password, "E2E_PASSWORD must be set");

async function completeKeycloakLogin(page) {
  for (let attempt = 1; attempt <= 2; attempt += 1) {
    await page.locator("#username").fill(
      process.env.E2E_USERNAME ?? "regular-user",
    );
    await page.locator("#password").fill(password);
    await page.locator("#kc-login").click();
    await page.waitForLoadState("domcontentloaded");

    if (page.url() === "http://localhost:8083/") {
      return;
    }
    if (attempt === 1) {
      await page.goto(
        "http://localhost:8083/oauth2/authorization/keycloak",
      );
      await page.waitForURL(/localhost:8080/u);
    }
  }
  throw new Error(`Keycloak login did not return to AP3: ${page.url()}`);
}

const browser = await chromium.launch({
  executablePath: process.env.CHROME_BIN ?? "/usr/bin/google-chrome",
  headless: true,
  args: ["--no-sandbox"],
});

try {
  const context = await browser.newContext();
  const page = await context.newPage();
  const browserRequests = [];
  page.on("request", (request) => browserRequests.push(request.url()));

  await page.goto("http://localhost:8083");
  const authorizationRequestPromise = page.waitForRequest((request) =>
    request.url().includes(
      "/protocol/openid-connect/auth?response_type=code",
    ),
  );
  await page.locator("#login").click();
  const authorizationRequest = await authorizationRequestPromise;
  const authorizationUrl = new URL(authorizationRequest.url());
  assert.equal(authorizationUrl.searchParams.get("client_id"), "bff-confidential");
  assert.equal(authorizationUrl.searchParams.get("code_challenge_method"), "S256");
  assert.ok(authorizationUrl.searchParams.get("code_challenge"));

  await page.waitForURL(/localhost:8080/u);
  await completeKeycloakLogin(page);
  const callbackRequest = browserRequests.find((url) =>
    url.startsWith("http://localhost:8083/login/oauth2/code/keycloak?"),
  );
  assert.ok(callbackRequest, "authorization response must use the BFF callback");

  const boundaryResponsePromise = page.waitForResponse((response) =>
    response.url().endsWith("/bff/token-boundary"),
  );
  await page.locator("#inspect").click();
  const boundaryResponse = await boundaryResponsePromise;
  assert.equal(boundaryResponse.status(), 200);
  const boundary = await boundaryResponse.json();
  assert.equal(boundary.accessTokenStoredOnServer, true);
  assert.equal(boundary.refreshTokenStoredOnServer, true);
  assert.equal(boundary.browserTokenCount, 0);
  assert.equal(boundary.csrfProtectionEnabled, false);
  assert.equal(JSON.stringify(boundary).includes("access_token"), false);
  assert.equal(JSON.stringify(boundary).includes("refresh_token"), false);

  const proxyResponsePromise = page.waitForResponse((response) =>
    response.url().endsWith("/bff/api/me"),
  );
  await page.locator("#call-bff").click();
  const proxyResponse = await proxyResponsePromise;
  assert.equal(proxyResponse.status(), 200);
  const resource = await proxyResponse.json();
  assert.equal(resource.username, "regular-user");
  assert.ok(resource.audience.includes("keycloak-pattern-api"));

  assert.equal(
    browserRequests.some((url) => url.startsWith("http://localhost:8081/")),
    false,
    "the browser must not bypass the BFF",
  );
  assert.equal(
    browserRequests.some((url) =>
      url.includes("/protocol/openid-connect/token"),
    ),
    false,
    "the token exchange must be server-to-server",
  );

  const cookies = await context.cookies("http://localhost:8083/");
  const sessionCookie = cookies.find((cookie) => cookie.name === "AP3_SESSION");
  assert.ok(sessionCookie);
  assert.equal(sessionCookie.httpOnly, true);

  const storage = await page.evaluate(() => ({
    localStorage: Object.values(localStorage),
    sessionStorage: Object.values(sessionStorage),
    readableCookies: document.cookie,
  }));
  assert.deepEqual(storage.localStorage, []);
  assert.deepEqual(storage.sessionStorage, []);
  assert.equal(storage.readableCookies.includes("AP3_SESSION"), false);

  await page.goto("http://localhost:8088");
  const forgedResponsePromise = page.waitForResponse(
    (response) =>
      response.url() === "http://localhost:8083/bff/api/preferences" &&
      response.request().method() === "POST",
  );
  await page.evaluate(() => {
    const form = document.createElement("form");
    form.method = "POST";
    form.action = "http://localhost:8083/bff/api/preferences";
    const input = document.createElement("input");
    input.name = "theme";
    input.value = "attacker";
    form.append(input);
    document.body.append(form);
    form.submit();
  });
  const forgedResponse = await forgedResponsePromise;
  assert.equal(forgedResponse.status(), 200);
  const forgedResult = await forgedResponse.json();
  assert.equal(forgedResult.updated, true);
  assert.equal(forgedResult.theme, "attacker");

  console.log(
    "pattern3 BFF verified: browser token 0, session-only proxy 200, pre-defense CSRF reproduced",
  );
} finally {
  await browser.close();
}