✅(e2e) adapt e2e test without the panel

The datagrid replace the panel. Lot of tests
need to be adapted to this new architecture.

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

@@ -1,5 +1,7 @@
 import { expect, test } from '@playwright/test';
 
+import { createDoc } from './common';
+
 test.beforeEach(async ({ page }) => {
   await page.goto('/');
 });
@@ -38,6 +40,8 @@ test.describe('Doc Create', () => {
         name: 'Cancel',
       }),
     ).toBeVisible();
+
+    await expect(page).toHaveURL('/docs/create/');
   });
 
   test('checks the cancel button interaction', async ({ page }) => {
@@ -58,73 +62,28 @@ test.describe('Doc Create', () => {
     await expect(buttonCreateHomepage).toBeVisible();
   });
 
-  test('checks the routing on new doc created', async ({
-    page,
-    browserName,
-  }) => {
-    const panel = page.getByLabel('Documents panel').first();
-
-    await panel.getByRole('button', { name: 'Add a document' }).click();
-
-    const docName = `My routing doc ${browserName}-${Math.floor(Math.random() * 1000)}`;
-    await page.getByText('Document name').fill(docName);
-    await page.getByRole('button', { name: 'Create the document' }).click();
-
-    const elDoc = page.locator('h2').getByText(docName);
-    await expect(elDoc).toBeVisible();
-
-    await panel.getByRole('button', { name: 'Add a document' }).click();
-    await expect(elDoc).toBeHidden();
-
-    await panel.locator('li').getByText(docName).click();
-    await expect(elDoc).toBeVisible();
-  });
-
-  test('checks alias docs url with homepage', async ({ page }) => {
-    await expect(page).toHaveURL('/');
-
-    const buttonCreateHomepage = page.getByRole('button', {
-      name: 'Create a new document',
-    });
-
-    await expect(buttonCreateHomepage).toBeVisible();
-
-    await page.goto('/docs');
-    await expect(buttonCreateHomepage).toBeVisible();
-    await expect(page).toHaveURL(/\/docs$/);
-  });
-
-  test('checks 404 on docs/[id] page', async ({ page }) => {
-    // eslint-disable-next-line playwright/no-wait-for-timeout
-    await page.waitForTimeout(300);
-
-    await page.goto('/docs/some-unknown-doc');
-    await expect(
-      page.getByText(
-        'It seems that the page you are looking for does not exist or cannot be displayed correctly.',
-      ),
-    ).toBeVisible({
-      timeout: 15000,
-    });
-  });
-
-  test('checks that the doc is public', async ({ page, browserName }) => {
-    const responsePromiseDoc = page.waitForResponse(
-      (response) =>
-        response.url().includes('/documents/') && response.status() === 201,
+  test('create a new public doc', async ({ page, browserName }) => {
+    const [docTitle] = await createDoc(
+      page,
+      'My new doc',
+      browserName,
+      1,
+      true,
     );
 
-    const panel = page.getByLabel('Documents panel').first();
+    const header = page.locator('header').first();
+    await header.locator('h2').getByText('Docs').click();
 
-    await panel.getByRole('button', { name: 'Add a document' }).click();
+    const datagrid = page
+      .getByLabel('Datagrid of the documents page 1')
+      .getByRole('table');
 
-    const docName = `My routing doc ${browserName}-${Math.floor(Math.random() * 1000)}`;
-    await page.getByText('Document name').fill(docName);
-    await page.getByText('Is it public ?').click();
-    await page.getByRole('button', { name: 'Create the document' }).click();
+    await expect(datagrid.getByText(docTitle)).toBeVisible();
 
-    const responseDoc = await responsePromiseDoc;
-    const is_public = (await responseDoc.json()).is_public;
-    expect(is_public).toBeTruthy();
+    const row = datagrid.getByRole('row').filter({
+      hasText: docTitle,
+    });
+
+    await expect(row.getByRole('cell').nth(0)).toHaveText('Public');
   });
 });