more test

facebook · May 8, 2024 · 3178daa · 3178daa
1 parent e330e0e
commit 3178daa
Showing 1 changed file with 35 additions and 4 deletions.
diff --git a/packages/lexical-playground/__tests__/e2e/Hashtags.spec.mjs b/packages/lexical-playground/__tests__/e2e/Hashtags.spec.mjs
@@ -14,6 +14,7 @@ import {
 import {
   assertHTML,
   assertSelection,
+  click,
   focusEditor,
   html,
   initialize,
@@ -442,18 +443,41 @@ test.describe('Hashtags', () => {
     );
   });
 
-  test('Should not break with multiple matches', async ({
+  test('Should not break when pasting multiple matches', async ({
     page,
     isPlainText,
   }) => {
     test.skip(isPlainText);
 
     await focusEditor(page);
 
-    const clipboard = {'text/html': '#hello#world#more#next#matches'};
+    const clipboard = {'text/html': '#hello#world'};
     await pasteFromClipboard(page, clipboard);
 
-    await waitForSelector(page, '.PlaygroundEditorTheme__hashtag');
+    await assertHTML(
+      page,
+      html`
+        <p
+          class="PlaygroundEditorTheme__paragraph PlaygroundEditorTheme__ltr"
+          dir="ltr">
+          <span class="PlaygroundEditorTheme__hashtag" data-lexical-text="true">
+            #hello
+          </span>
+          <span data-lexical-text="true">#world</span>
+        </p>
+      `,
+    );
+  });
+
+  test('Should not break while importing and exporting multiple matches', async ({
+    page,
+  }) => {
+    await focusEditor(page);
+    await page.keyboard.type('```markdown #hello#invalid #a #b');
+
+    await click(page, '.action-button .markdown');
+    await click(page, '.action-button .markdown');
+    await click(page, '.action-button .markdown');
 
     await assertHTML(
       page,
@@ -464,7 +488,14 @@ test.describe('Hashtags', () => {
           <span class="PlaygroundEditorTheme__hashtag" data-lexical-text="true">
             #hello
           </span>
-          <span data-lexical-text="true">#world#more#next#matches</span>
+          <span data-lexical-text="true">#invalid</span>
+          <span class="PlaygroundEditorTheme__hashtag" data-lexical-text="true">
+            #a
+          </span>
+          <span data-lexical-text="true"></span>
+          <span class="PlaygroundEditorTheme__hashtag" data-lexical-text="true">
+            #b
+          </span>
         </p>
       `,
     );