fixup! ✨(frontend) improve accessibility of cdoc content with correct aria tags

Author: Ovgodd

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

@@ -50,8 +50,8 @@ test.describe('Doc Create', () => {
       waitUntil: 'domcontentloaded',
     });
 
-    const input = page.getByRole('textbox', { name: /^Document title/i });
-    await expect(input).toHaveText(/^(?:Untitled document)?$/);
+    const input = page.getByRole('textbox', { name: 'Document title' });
+    await expect(input).toHaveText('');
     await expect(
       page.locator('.c__tree-view--row-content').getByText('Untitled document'),
     ).toBeVisible();
@@ -77,8 +77,8 @@ test.describe('Doc Create', () => {
       waitUntil: 'domcontentloaded',
     });
 
-    const input = page.getByRole('textbox', { name: /^Document title/i });
-    await expect(input).toHaveText(/^(?:Untitled document)?$/);
+    const input = page.getByRole('textbox', { name: 'Document title' });
+    await expect(input).toHaveText('');
     await expect(
       page.locator('.c__tree-view--row-content').getByText('Untitled document'),
     ).toBeVisible();

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

@@ -25,7 +25,7 @@ test.describe('Doc Header', () => {
       'It is the card information about the document.',
     );
 
-    const docTitle = card.getByRole('textbox', { name: /^Document title/i });
+    const docTitle = card.getByRole('textbox', { name: 'Document title' });
     await expect(docTitle).toBeVisible();
 
     await page.getByRole('button', { name: 'Share' }).click();
@@ -52,7 +52,7 @@ test.describe('Doc Header', () => {
 
   test('it updates the title doc', async ({ page, browserName }) => {
     await createDoc(page, 'doc-update', browserName, 1);
-    const docTitle = page.getByRole('textbox', { name: /^Document title/i });
+    const docTitle = page.getByRole('textbox', { name: 'Document title' });
     await expect(docTitle).toBeVisible();
     await docTitle.fill('Hello World');
     await docTitle.blur();

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

@@ -51,7 +51,7 @@ test.describe('Doc Tree', () => {
     await expect(subPageItem).toBeVisible();
     await subPageItem.click();
     await verifyDocName(page, '');
-    const input = page.getByRole('textbox', { name: /^Document title/i });
+    const input = page.getByRole('textbox', { name: 'Document title' });
     await input.click();
     const [randomDocName] = randomName('doc-tree-test', browserName, 1);
     await input.fill(randomDocName);
@@ -197,7 +197,7 @@ test.describe('Doc Tree', () => {
     await page.getByText('Move to my docs').click();
 
     await expect(
-      page.getByRole('textbox', { name: /^Document title/i }),
+      page.getByRole('textbox', { name: 'Document title' }),
     ).not.toHaveText(docChild);
 
     const header = page.locator('header').first();

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

@@ -101,9 +101,9 @@ export const createDoc = async (
       waitUntil: 'networkidle',
     });
 
-    const input = page.getByRole('textbox', { name: /^Document title/i });
+    const input = page.getByLabel('Document title');
     await expect(input).toBeVisible();
-    await input.click();
+    await expect(input).toHaveText('');
 
     await input.fill(randomDocs[i]);
     await input.blur();
@@ -121,7 +121,7 @@ export const verifyDocName = async (page: Page, docName: string) => {
 
   try {
     await expect(
-      page.getByRole('textbox', { name: /^Document title/i }),
+      page.getByRole('textbox', { name: 'Document title' }),
     ).toHaveText(docName);
   } catch {
     await expect(page.getByRole('heading', { name: docName })).toBeVisible();
@@ -179,7 +179,8 @@ export const goToGridDoc = async (
 };
 
 export const updateDocTitle = async (page: Page, title: string) => {
-  const input = page.getByRole('textbox', { name: /^Document title/i });
+  const input = page.getByRole('textbox', { name: 'Document title' });
+  await expect(input).toHaveText('');
   await expect(input).toBeVisible();
   await input.click();
   await input.fill(title);

src/frontend/apps/impress/src/features/docs/doc-header/components/DocTitle.tsx

@@ -116,7 +116,7 @@ const DocTitleInput = ({ doc }: DocTitleProps) => {
         defaultValue={titleDisplay || undefined}
         onKeyDownCapture={handleKeyDown}
         suppressContentEditableWarning={true}
-        aria-label={`${t('Document title')} ${doc.title || untitledDocument}`}
+        aria-label={`${t('Document title')}`}
         aria-multiline={false}
         onBlurCapture={(event) =>
           handleTitleSubmit(event.target.textContent || '')
@@ -138,7 +138,7 @@ const DocTitleInput = ({ doc }: DocTitleProps) => {
           outline: none;
         `}
       >
-        {titleDisplay || untitledDocument}
+        {titleDisplay}
       </Box>
     </Tooltip>
   );