test: add e2e test for typeahead menu attributes

facebook · Feb 23, 2025 · 4633fa8 · 4633fa8
1 parent 6742465
commit 4633fa8
Showing 1 changed file with 13 additions and 0 deletions.
diff --git a/packages/lexical-playground/__tests__/e2e/Mentions.spec.mjs b/packages/lexical-playground/__tests__/e2e/Mentions.spec.mjs
@@ -16,6 +16,7 @@ import {
 import {
   assertHTML,
   assertSelection,
+  expect,
   focusEditor,
   html,
   initialize,
@@ -1019,4 +1020,16 @@ test.describe('Mentions', () => {
       focusPath: [0, 1, 0],
     });
   });
+
+  test(`Sets correct attributes on typeahead menu container`, async ({
+    page,
+  }) => {
+    await focusEditor(page);
+    await page.keyboard.type('@a');
+
+    const menuElement = await page.locator('#typeahead-menu:has(:scope > *)');
+    expect(await menuElement.getAttribute('aria-label')).toBe('Typeahead menu');
+    expect(await menuElement.getAttribute('id')).toBe('typeahead-menu');
+    expect(await menuElement.getAttribute('role')).toBe('listbox');
+  });
 });