wip

Author: PanchoutNathan

Makefile

@@ -93,7 +93,6 @@ build: cache ?= --no-cache
 build: ## build the project containers
 	@$(MAKE) build-backend cache=$(cache)
 	@$(MAKE) build-yjs-provider cache=$(cache)
-	@$(MAKE) build-frontend cache=$(cache)
 .PHONY: build
 
 build-backend: cache ?=
@@ -128,7 +127,6 @@ run-backend: ## Start only the backend application and all needed services
 run: ## start the wsgi (production) and development server
 run: 
 	@$(MAKE) run-backend
-	@$(COMPOSE) up --force-recreate -d frontend
 .PHONY: run
 
 status: ## an alias for "docker compose ps"

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

@@ -188,7 +188,26 @@ export const goToGridDoc = async (
   return docTitle as string;
 };
 
-export const mockedDocument = async (page: Page, json: object) => {
+export const updateDocTitle = async (page: Page, title: string) => {
+  const input = page.getByLabel('doc title input');
+  await expect(input).toBeVisible();
+  await expect(input).toHaveText('');
+  await input.click();
+  await input.fill(title);
+  await input.click();
+  await verifyDocName(page, title);
+};
+
+export const getWaitForCreateDoc = (page: Page) => {
+  return page.waitForResponse(
+    (response) =>
+      response.url().includes('/documents/') &&
+      response.url().includes('/children/') &&
+      response.request().method() === 'POST',
+  );
+};
+
+export const mockedDocument = async (page: Page, data: object) => {
   await page.route('**/documents/**/', async (route) => {
     const request = route.request();
     if (
@@ -203,7 +222,7 @@ export const mockedDocument = async (page: Page, json: object) => {
           id: 'mocked-document-id',
           content: '',
           title: 'Mocked document',
-          accesses: [],
+          path: '000000',
           abilities: {
             destroy: false, // Means not owner
             link_configuration: false,
@@ -214,11 +233,21 @@ export const mockedDocument = async (page: Page, json: object) => {
             update: false,
             partial_update: false, // Means not editor
             retrieve: true,
+            link_select_options: {
+              public: ['reader', 'editor'],
+              authenticated: ['reader', 'editor'],
+              restricted: null,
+            },
           },
           link_reach: 'restricted',
+          computed_link_reach: 'restricted',
+          computed_link_role: 'reader',
+          ancestors_link_reach: null,
+          ancestors_link_role: null,
           created_at: '2021-09-01T09:00:00Z',
+          user_role: 'owner',
           user_roles: ['owner'],
-          ...json,
+          ...data,
         },
       });
     } else {
@@ -291,30 +320,32 @@ export const mockedAccesses = async (page: Page, json?: object) => {
       request.url().includes('page=')
     ) {
       await route.fulfill({
-        json: {
-          count: 1,
-          next: null,
-          previous: null,
-          results: [
-            {
-              id: 'bc8bbbc5-a635-4f65-9817-fd1e9ec8ef87',
-              user: {
-                id: 'b4a21bb3-722e-426c-9f78-9d190eda641c',
-                email: '[email protected]',
-              },
-              team: '',
-              role: 'reader',
-              abilities: {
-                destroy: true,
-                update: true,
-                partial_update: true,
-                retrieve: true,
-                set_role_to: ['administrator', 'editor'],
-              },
-              ...json,
+        json: [
+          {
+            id: 'bc8bbbc5-a635-4f65-9817-fd1e9ec8ef87',
+            user: {
+              id: 'b4a21bb3-722e-426c-9f78-9d190eda641c',
+              email: '[email protected]',
             },
-          ],
-        },
+            team: '',
+            max_ancestors_role: null,
+            max_role: 'reader',
+            role: 'reader',
+            document: {
+              id: 'mocked-document-id',
+              path: '000000',
+              depth: 1,
+            },
+            abilities: {
+              destroy: true,
+              update: true,
+              partial_update: true,
+              retrieve: true,
+              set_role_to: ['administrator', 'editor'],
+            },
+            ...json,
+          },
+        ],
       });
     } else {
       await route.continue();

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

@@ -212,6 +212,7 @@ const data = [
     title: 'Can drop and drag',
     updated_at: '2025-03-14T14:45:27.699542Z',
     user_roles: ['owner'],
+    user_role: 'owner',
   },
   {
     id: 'can-only-drop',
@@ -260,6 +261,7 @@ const data = [
 
     updated_at: '2025-03-14T14:45:27.699542Z',
     user_roles: ['editor'],
+    user_role: 'editor',
   },
   {
     id: 'no-drop-and-no-drag',
@@ -307,5 +309,6 @@ const data = [
     title: 'No drop and no drag',
     updated_at: '2025-03-14T14:44:16.032774Z',
     user_roles: ['reader'],
+    user_role: 'reader',
   },
 ];

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

@@ -170,6 +170,7 @@ test.describe('Document grid item options', () => {
               link_reach: 'restricted',
               created_at: '2021-09-01T09:00:00Z',
               user_roles: ['editor'],
+              user_role: 'editor',
             },
           ],
         },

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

@@ -54,6 +54,7 @@ test.describe('Doc Header', () => {
         retrieve: true,
       },
       link_reach: 'public',
+      computed_link_reach: 'public',
       created_at: '2021-09-01T09:00:00Z',
     });
 
@@ -135,6 +136,11 @@ test.describe('Doc Header', () => {
         versions_list: true,
         versions_retrieve: true,
         update: true,
+        link_select_options: {
+          public: ['reader', 'editor'],
+          authenticated: ['reader', 'editor'],
+          restricted: null,
+        },
         partial_update: true,
         retrieve: true,
       },
@@ -160,7 +166,7 @@ test.describe('Doc Header', () => {
     await expect(shareModal).toBeVisible();
     await expect(page.getByText('Share the document')).toBeVisible();
 
-    await expect(page.getByPlaceholder('Type a name or email')).toBeVisible();
+    // await expect(page.getByPlaceholder('Type a name or email')).toBeVisible();
 
     const invitationCard = shareModal.getByLabel('List invitation card');
     await expect(invitationCard).toBeVisible();