fixup! fixup! ✨(frontend) use title first emoji as doc icon in tree

Author: AntoLC

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

@@ -68,9 +68,22 @@ test.describe('Doc Header', () => {
     await createDoc(page, 'doc-update', browserName, 1);
     const docTitle = page.getByRole('textbox', { name: 'doc title input' });
     await expect(docTitle).toBeVisible();
-    await docTitle.fill('👍 Hello World');
+    await docTitle.fill('👍 Hello Emoji World');
     await docTitle.blur();
-    await verifyDocName(page, '👍 Hello World');
+    await verifyDocName(page, '👍 Hello Emoji World');
+
+    // Check the tree
+    const docTree = page.getByTestId('doc-tree');
+    await expect(docTree.getByText('Hello Emoji World')).toBeVisible();
+    await expect(docTree.getByLabel('Document emoji icon')).toBeVisible();
+    await expect(docTree.getByLabel('Simple document icon')).toBeHidden();
+
+    await page.getByTestId('home-button').click();
+
+    // Check the documents grid
+    const gridRow = await getGridRow(page, 'Hello Emoji World');
+    await expect(gridRow.getByLabel('Document emoji icon')).toBeVisible();
+    await expect(gridRow.getByLabel('Simple document icon')).toBeHidden();
   });
 
   test('it deletes the doc', async ({ page, browserName }) => {

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

@@ -136,9 +136,11 @@ export const getGridRow = async (page: Page, title: string) => {
 
   const rows = docsGrid.getByRole('row');
 
-  const row = rows.filter({
-    hasText: title,
-  });
+  const row = rows
+    .filter({
+      hasText: title,
+    })
+    .first();
 
   await expect(row).toBeVisible();