⚡️(e2e) unique login between tests

We will cache the login token in the browser
storage and reuse it between tests.
This will speed up the tests and reduce the
load on the server.

src/frontend/apps/e2e/__tests__/app-impress/pad-panel.spec.ts

@@ -2,11 +2,10 @@ import { expect, test } from '@playwright/test';
 
 import { waitForElementCount } from '../helpers';
 
-import { createPad, keyCloakSignIn } from './common';
+import { createPad } from './common';
 
-test.beforeEach(async ({ page, browserName }) => {
+test.beforeEach(async ({ page }) => {
   await page.goto('/');
-  await keyCloakSignIn(page, browserName);
 });
 
 test.describe('Documents Panel', () => {
@@ -62,17 +61,87 @@ test.describe('Documents Panel', () => {
     expect(responseSortDesc.ok()).toBeTruthy();
   });
 
-  test('checks the infinite scroll', async ({ page, browserName }) => {
-    test.setTimeout(90000);
+  test('checks the infinite scroll', async ({ page }) => {
+    await page.route(
+      /.*\/documents\/\?page=.*&ordering=-created_at/,
+      async (route) => {
+        const request = route.request();
+        const url = new URL(request.url());
+        const pageId = url.searchParams.get('page');
+        const documents = {
+          count: 40,
+          next: 'http://localhost:3000/documents/?page=2&ordering=-created_at',
+          previous: null,
+          results: Array.from({ length: 20 }, (_, i) => ({
+            id: `2ff-${pageId}-${i}`,
+            title: `My document-${pageId}-${i}`,
+            accesses: [
+              {
+                id: 'b644e9b1-0517-4cfb-90ca-f7d6f2f6bb9a',
+                role: `owner`,
+                team: '',
+                user: {
+                  id: 'a4743608-c9d8-4692-bef4-f795e25a3a88',
+                  email: 'user@chromium.e2e',
+                },
+              },
+            ],
+            content: '',
+            is_public: true,
+            abilities: {},
+          })),
+        };
+
+        if (request.method().includes('GET')) {
+          await route.fulfill({
+            json: documents,
+          });
+        } else {
+          await route.continue();
+        }
+      },
+    );
+
+    await page.route(`**/documents/2ff-1-16/`, async (route) => {
+      const request = route.request();
+
+      if (request.method().includes('GET')) {
+        await route.fulfill({
+          json: {
+            id: '2ff-1-16',
+            title: 'My document-1-16',
+            content: '',
+            abilities: {
+              partial_update: true,
+            },
+            accesses: [
+              {
+                id: 'b644e9b1-0517-4cfb-90ca-f7d6f2f6bb9a',
+                role: `owner`,
+                team: '',
+                user: {
+                  id: 'a4743608-c9d8-4692-bef4-f795e25a3a88',
+                  email: '',
+                },
+              },
+            ],
+          },
+        });
+      } else {
+        await route.continue();
+      }
+    });
+
+    await page.goto('/');
+
     const panel = page.getByLabel('Documents panel').first();
-
-    const randomPads = await createPad(page, 'pad-infinite', browserName, 40);
-
     await expect(panel.locator('li')).toHaveCount(20);
-    await panel.getByText(randomPads[24]).click();
+    await panel.getByText(`My document-1-16`).click();
 
     await waitForElementCount(panel.locator('li'), 21, 10000);
     expect(await panel.locator('li').count()).toBeGreaterThan(20);
+    await expect(panel.getByText(`My document-1-16`)).toBeVisible();
+    await expect(panel.getByText(`My document-2-15`)).toBeVisible();
   });
 
   test('checks the hover and selected state', async ({ page, browserName }) => {