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();