✨(frontend) add access request on doc share modal

Add the access request to the document
share modal, allowing admin to see and manage
access requests directly from the modal interface.

src/frontend/apps/e2e/__tests__/app-impress/common.ts

@@ -1,5 +1,7 @@
 import { Page, expect } from '@playwright/test';
 
+export const BROWSERS = ['chromium', 'webkit', 'firefox'];
+
 export const CONFIG = {
   AI_FEATURE_ENABLED: true,
   CRISP_WEBSITE_ID: null,
@@ -328,4 +330,6 @@ export const mockedAccesses = async (page: Page, json?: object) => {
 export const expectLoginPage = async (page: Page) =>
   await expect(
     page.getByRole('heading', { name: 'Collaborative writing' }),
-  ).toBeVisible();
+  ).toBeVisible({
+    timeout: 10000,
+  });

src/frontend/apps/e2e/__tests__/app-impress/doc-member-create.spec.ts

@@ -1,12 +1,18 @@
 import { expect, test } from '@playwright/test';
 
-import { createDoc, randomName } from './common';
-
-test.beforeEach(async ({ page }) => {
-  await page.goto('/');
-});
+import {
+  BROWSERS,
+  createDoc,
+  keyCloakSignIn,
+  randomName,
+  verifyDocName,
+} from './common';
 
 test.describe('Document create member', () => {
+  test.beforeEach(async ({ page }) => {
+    await page.goto('/');
+  });
+
   test('it selects 2 users and 1 invitation', async ({ page, browserName }) => {
     const inputFill = 'user ';
     const responsePromise = page.waitForResponse(
@@ -203,3 +209,89 @@ test.describe('Document create member', () => {
     await expect(userInvitation).toBeHidden();
   });
 });
+
+test.describe('Document create member: Multiple login', () => {
+  test.use({ storageState: { cookies: [], origins: [] } });
+
+  test('It creates a member from a request coming from a 403 page', async ({
+    page,
+    browserName,
+  }) => {
+    test.slow();
+
+    await page.goto('/');
+    await keyCloakSignIn(page, browserName);
+
+    const [docTitle] = await createDoc(
+      page,
+      'Member access request',
+      browserName,
+      1,
+    );
+
+    await verifyDocName(page, docTitle);
+
+    const urlDoc = page.url();
+
+    await page
+      .getByRole('button', {
+        name: 'Logout',
+      })
+      .click();
+
+    const otherBrowser = BROWSERS.find((b) => b !== browserName);
+
+    await keyCloakSignIn(page, otherBrowser!);
+
+    await expect(
+      page.getByRole('link', { name: 'Docs Logo Docs' }),
+    ).toBeVisible();
+
+    await page.goto(urlDoc);
+
+    await expect(
+      page.getByText('Insufficient access rights to view the document.'),
+    ).toBeVisible({
+      timeout: 10000,
+    });
+
+    await page.getByRole('button', { name: 'Request access' }).click();
+
+    await expect(
+      page.getByText('Your access request for this document is pending.'),
+    ).toBeVisible();
+
+    await page
+      .getByRole('button', {
+        name: 'Logout',
+      })
+      .click();
+
+    await page.goto('/');
+    await keyCloakSignIn(page, browserName);
+
+    await expect(
+      page.getByRole('link', { name: 'Docs Logo Docs' }),
+    ).toBeVisible();
+
+    await page.goto(urlDoc);
+
+    await page.getByRole('button', { name: 'Share' }).click();
+
+    await expect(page.getByText('Access Requests')).toBeVisible();
+    await expect(page.getByText(`E2E ${otherBrowser}`)).toBeVisible();
+
+    const emailRequest = `user@${otherBrowser}.test`;
+    await expect(page.getByText(emailRequest)).toBeVisible();
+    const container = page.getByTestId(
+      `doc-share-access-request-row-${emailRequest}`,
+    );
+    await container.getByLabel('doc-role-dropdown').click();
+    await page.getByLabel('Administrator').click();
+    await container.getByRole('button', { name: 'Approve' }).click();
+
+    await expect(page.getByText('Access Requests')).toBeHidden();
+    await expect(page.getByText('Share with 2 users')).toBeVisible();
+    await expect(page.getByText(`E2E ${otherBrowser}`)).toBeVisible();
+  });
+});

src/frontend/apps/e2e/__tests__/app-impress/doc-member-list.spec.ts

@@ -216,7 +216,7 @@ test.describe('Document list members', () => {
     await mySelfMoreActions.click();
     await page.getByLabel('Delete').click();
     await expect(
-      page.getByText('You do not have permission to view this document.'),
+      page.getByText('Insufficient access rights to view the document.'),
     ).toBeVisible();
   });
 });