add e2e tests for MaxLength plugin (#2466)

packages/lexical-playground/__tests__/e2e/MaxLength.spec.mjs

@@ -8,9 +8,12 @@
 
 import {
   assertHTML,
+  assertSelection,
+  clearEditor,
   focusEditor,
   html,
   initialize,
+  pasteFromClipboard,
   test,
 } from '../utils/index.mjs';
 
@@ -21,11 +24,17 @@ test.describe('MaxLength', () => {
   );
   test(`can restrict the text to specified length`, async ({page}) => {
     await focusEditor(page);
-
     await page.keyboard.type(
       'lorem ipsum dolor sit amet, consectetuer adipiscing elit',
     );
 
+    await assertSelection(page, {
+      anchorOffset: 30,
+      anchorPath: [0, 0, 0],
+      focusOffset: 30,
+      focusPath: [0, 0, 0],
+    });
+
     await assertHTML(
       page,
       html`
@@ -38,7 +47,6 @@ test.describe('MaxLength', () => {
     );
 
     await page.keyboard.press('ArrowRight');
-
     await page.keyboard.type('Some more text');
 
     await assertHTML(
@@ -52,4 +60,69 @@ test.describe('MaxLength', () => {
       `,
     );
   });
+
+  test(`can restrict pasted text to specified length`, async ({page}) => {
+    await focusEditor(page);
+    await pasteFromClipboard(page, {
+      'text/plain': 'lorem ipsum dolor sit amet, consectetuer adipiscing elit',
+    });
+
+    await assertHTML(
+      page,
+      html`
+        <p
+          class="PlaygroundEditorTheme__paragraph PlaygroundEditorTheme__ltr"
+          dir="ltr">
+          <span data-lexical-text="true">lorem ipsum dolor sit amet, co</span>
+        </p>
+      `,
+    );
+  });
+
+  test(`can restrict emojis on boundaries`, async ({page}) => {
+    await pasteFromClipboard(page, {
+      'text/plain': 'lorem ipsum dolor sit amet, consectetur adipiscing elit',
+    });
+    await page.keyboard.press('Backspace');
+    await page.keyboard.type('💏');
+
+    await assertHTML(
+      page,
+      html`
+        <p
+          class="PlaygroundEditorTheme__paragraph PlaygroundEditorTheme__ltr"
+          dir="ltr">
+          <span data-lexical-text="true">lorem ipsum dolor sit amet, c</span>
+        </p>
+      `,
+    );
+
+    await page.keyboard.press('Backspace');
+    await page.keyboard.type('💏');
+
+    await assertHTML(
+      page,
+      html`
+        <p
+          class="PlaygroundEditorTheme__paragraph PlaygroundEditorTheme__ltr"
+          dir="ltr">
+          <span data-lexical-text="true">lorem ipsum dolor sit amet, 💏</span>
+        </p>
+      `,
+    );
+
+    await clearEditor(page);
+    await page.keyboard.type('👨‍💻👨‍💻👨‍💻👨‍💻👨‍💻👨‍💻👨‍💻');
+
+    await assertHTML(
+      page,
+      html`
+        <p
+          class="PlaygroundEditorTheme__paragraph PlaygroundEditorTheme__ltr"
+          dir="ltr">
+          <span data-lexical-text="true">👨‍💻👨‍💻👨‍💻👨‍💻👨‍💻👨‍💻</span>
+        </p>
+      `,
+    );
+  });
 });