♻️(frontend) export to docx

We can now export the document to docx format.
We adapted the frontend to be able to choose
between pdf or docx export.

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

@@ -1,6 +1,6 @@
 import { expect, test } from '@playwright/test';
 
-import { goToGridDoc, mockedDocument } from './common';
+import { createDoc, goToGridDoc, mockedDocument } from './common';
 
 test.beforeEach(async ({ page }) => {
   await page.goto('/');
@@ -63,4 +63,194 @@ test.describe('Doc Header', () => {
     await expect(card.getByText('Your role: Owner')).toBeVisible();
     await expect(page.getByRole('button', { name: 'Share' })).toBeVisible();
   });
+
+  test('it updates the doc', async ({ page, browserName }) => {
+    const [randomDoc] = await createDoc(
+      page,
+      'doc-update',
+      browserName,
+      1,
+      true,
+    );
+    await expect(page.locator('h2').getByText(randomDoc)).toBeVisible();
+
+    await page.getByLabel('Open the document options').click();
+    await page
+      .getByRole('button', {
+        name: 'Update document',
+      })
+      .click();
+
+    await expect(
+      page.locator('h2').getByText(`Update document "${randomDoc}"`),
+    ).toBeVisible();
+
+    await expect(
+      page.getByRole('checkbox', { name: 'Is it public ?' }),
+    ).toBeChecked();
+
+    await page.getByText('Document name').fill(`${randomDoc}-updated`);
+    await page.getByText('Is it public ?').click();
+
+    await page
+      .getByRole('button', {
+        name: 'Validate the modification',
+      })
+      .click();
+
+    await expect(
+      page.getByText('The document has been updated.'),
+    ).toBeVisible();
+
+    const docTitle = await goToGridDoc(page, {
+      title: `${randomDoc}-updated`,
+    });
+
+    await expect(page.locator('h2').getByText(docTitle)).toBeVisible();
+
+    await page.getByLabel('Open the document options').click();
+    await page
+      .getByRole('button', {
+        name: 'Update document',
+      })
+      .click();
+
+    await expect(
+      page.getByRole('checkbox', { name: 'Is it public ?' }),
+    ).not.toBeChecked();
+  });
+
+  test('it deletes the doc', async ({ page, browserName }) => {
+    const [randomDoc] = await createDoc(page, 'doc-delete', browserName, 1);
+    await expect(page.locator('h2').getByText(randomDoc)).toBeVisible();
+
+    await page.getByLabel('Open the document options').click();
+    await page
+      .getByRole('button', {
+        name: 'Delete document',
+      })
+      .click();
+
+    await expect(
+      page.locator('h2').getByText(`Deleting the document "${randomDoc}"`),
+    ).toBeVisible();
+
+    await page
+      .getByRole('button', {
+        name: 'Confirm deletion',
+      })
+      .click();
+
+    await expect(
+      page.getByText('The document has been deleted.'),
+    ).toBeVisible();
+
+    await expect(
+      page.getByRole('button', { name: 'Create a new document' }),
+    ).toBeVisible();
+
+    const row = page
+      .getByLabel('Datagrid of the documents page 1')
+      .getByRole('table')
+      .getByRole('row')
+      .filter({
+        hasText: randomDoc,
+      });
+
+    expect(await row.count()).toBe(0);
+  });
+
+  test('it checks the options available if administrator', async ({ page }) => {
+    await mockedDocument(page, {
+      abilities: {
+        destroy: false, // Means not owner
+        versions_destroy: true,
+        versions_list: true,
+        versions_retrieve: true,
+        manage_accesses: true, // Means admin
+        update: true,
+        partial_update: true,
+        retrieve: true,
+      },
+    });
+
+    await goToGridDoc(page);
+
+    await expect(page.locator('h2').getByText('Mocked document')).toBeVisible();
+
+    await expect(page.getByRole('button', { name: 'Share' })).toBeVisible();
+
+    await page.getByLabel('Open the document options').click();
+
+    await expect(page.getByRole('button', { name: 'Export' })).toBeVisible();
+    await expect(
+      page.getByRole('button', { name: 'Update document' }),
+    ).toBeVisible();
+    await expect(
+      page.getByRole('button', { name: 'Delete document' }),
+    ).toBeHidden();
+  });
+
+  test('it checks the options available if editor', async ({ page }) => {
+    await mockedDocument(page, {
+      abilities: {
+        destroy: false, // Means not owner
+        versions_destroy: true,
+        versions_list: true,
+        versions_retrieve: true,
+        manage_accesses: false, // Means not admin
+        update: true,
+        partial_update: true, // Means editor
+        retrieve: true,
+      },
+    });
+
+    await goToGridDoc(page);
+
+    await expect(page.locator('h2').getByText('Mocked document')).toBeVisible();
+
+    await expect(page.getByRole('button', { name: 'Share' })).toBeHidden();
+
+    await page.getByLabel('Open the document options').click();
+
+    await expect(page.getByRole('button', { name: 'Export' })).toBeVisible();
+    await expect(
+      page.getByRole('button', { name: 'Update document' }),
+    ).toBeVisible();
+    await expect(
+      page.getByRole('button', { name: 'Delete document' }),
+    ).toBeHidden();
+  });
+
+  test('it checks the options available if reader', async ({ page }) => {
+    await mockedDocument(page, {
+      abilities: {
+        destroy: false, // Means not owner
+        versions_destroy: false,
+        versions_list: true,
+        versions_retrieve: true,
+        manage_accesses: false, // Means not admin
+        update: false,
+        partial_update: false, // Means not editor
+        retrieve: true,
+      },
+    });
+
+    await goToGridDoc(page);
+
+    await expect(page.locator('h2').getByText('Mocked document')).toBeVisible();
+
+    await expect(page.getByRole('button', { name: 'Share' })).toBeHidden();
+
+    await page.getByLabel('Open the document options').click();
+
+    await expect(page.getByRole('button', { name: 'Share' })).toBeHidden();
+    await expect(page.getByRole('button', { name: 'Export' })).toBeVisible();
+    await expect(
+      page.getByRole('button', { name: 'Update document' }),
+    ).toBeHidden();
+    await expect(
+      page.getByRole('button', { name: 'Delete document' }),
+    ).toBeHidden();
+  });
 });