e2e test for facebook#7090

etrepum · Feb 10, 2025 · d7f3079 · d7f3079
1 parent c5121df
commit d7f3079
Showing 1 changed file with 94 additions and 0 deletions.
diff --git a/packages/lexical-playground/__tests__/e2e/Tables.spec.mjs b/packages/lexical-playground/__tests__/e2e/Tables.spec.mjs
@@ -531,6 +531,100 @@ test.describe.parallel('Tables', () => {
     );
   });
 
+  test(`Can't backwards delete from text to a table`, async ({
+    page,
+    isPlainText,
+    isCollab,
+    browserName,
+  }) => {
+    test.skip(isPlainText || LEGACY_EVENTS);
+
+    await initialize({isCollab, page});
+
+    await focusEditor(page);
+    await insertTable(page, 2, 2);
+    await moveDown(page, 2);
+    await page.keyboard.type('asdf');
+
+    // check initial state
+    await assertHTML(
+      page,
+      html`
+        <p><br /></p>
+        <table>
+          <colgroup>
+            <col style="width: 92px" />
+            <col style="width: 92px" />
+          </colgroup>
+          <tr>
+            <th>
+              <p><br /></p>
+            </th>
+            <th>
+              <p><br /></p>
+            </th>
+          </tr>
+          <tr>
+            <th>
+              <p><br /></p>
+            </th>
+            <td>
+              <p><br /></p>
+            </td>
+          </tr>
+        </table>
+        <p dir="ltr"><span data-lexical-text="true">asdf</span></p>
+      `,
+      undefined,
+      {ignoreClasses: true},
+    );
+
+    await moveLeft(page, 2);
+    await deleteBackward(page);
+    await deleteBackward(page);
+    await deleteBackward(page);
+    await deleteBackward(page);
+
+    // only 'as' should be deleted
+    await assertHTML(
+      page,
+      html`
+        <p><br /></p>
+        <table>
+          <colgroup>
+            <col style="width: 92px" />
+            <col style="width: 92px" />
+          </colgroup>
+          <tr>
+            <th>
+              <p><br /></p>
+            </th>
+            <th>
+              <p><br /></p>
+            </th>
+          </tr>
+          <tr>
+            <th>
+              <p><br /></p>
+            </th>
+            <td>
+              <p><br /></p>
+            </td>
+          </tr>
+        </table>
+        <p dir="ltr"><span data-lexical-text="true">df</span></p>
+      `,
+      undefined,
+      {ignoreClasses: true},
+    );
+    await assertSelection(page, {
+      anchorOffset: 0,
+      anchorPath: [2, 0, 0],
+      focusOffset: 0,
+      focusPath: [2, 0, 0],
+    });
+  });
+
   test(`Can enter a table from a paragraph underneath via the left arrow key`, async ({
     page,
     isPlainText,