Add e2e test

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

@@ -17,6 +17,7 @@ import {
   redo,
   selectAll,
   selectCharacters,
+  toggleBold,
   undo,
 } from '../keyboardShortcuts/index.mjs';
 import {
@@ -32,6 +33,7 @@ import {
   pasteFromClipboard,
   repeat,
   selectFromAlignDropdown,
+  selectFromColorPicker,
   selectFromFormatDropdown,
   test,
   waitForSelector,
@@ -158,6 +160,25 @@ test.describe.parallel('Nested List', () => {
     );
   });
 
+  test('Should retain selection style when exiting list', async ({page}) => {
+    await focusEditor(page);
+    await toggleBulletList(page);
+
+    await selectFromColorPicker(page);
+    await await focusEditor(page);
+    await toggleBold(page);
+    await page.keyboard.type('Hello');
+    //Double-enter to exit list
+    await page.keyboard.press('Enter');
+    await page.keyboard.press('Enter');
+    await page.keyboard.type('World');
+
+    await assertHTML(
+      page,
+      '<ul class="PlaygroundEditorTheme__ul"><li value="1" class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__ltr" dir="ltr"><strong class="PlaygroundEditorTheme__textBold" style="color: rgb(208, 2, 27)" data-lexical-text="true">Hello</strong></li></ul><p class="PlaygroundEditorTheme__paragraph PlaygroundEditorTheme__ltr" dir="ltr"><strong class="PlaygroundEditorTheme__textBold" style="color: rgb(208, 2, 27)" data-lexical-text="true">World</strong></p>',
+    );
+  });
+
   test(`Can indent/outdent mutliple list nodes in a list with multiple levels of indentation`, async ({
     page,
   }) => {