1 files changed, 18 insertions, 10 deletions

diff --git a/spec/frontend/content_editor/services/markdown_serializer_spec.js b/spec/frontend/content_editor/services/markdown_serializer_spec.js
index 13e9efaea59..509cda3046c 100644
--- a/spec/frontend/content_editor/services/markdown_serializer_spec.js
+++ b/spec/frontend/content_editor/services/markdown_serializer_spec.js
@@ -7,7 +7,6 @@ import DescriptionItem from '~/content_editor/extensions/description_item';
 import DescriptionList from '~/content_editor/extensions/description_list';
 import Details from '~/content_editor/extensions/details';
 import DetailsContent from '~/content_editor/extensions/details_content';
-import Division from '~/content_editor/extensions/division';
 import Emoji from '~/content_editor/extensions/emoji';
 import Figure from '~/content_editor/extensions/figure';
 import FigureCaption from '~/content_editor/extensions/figure_caption';
@@ -16,6 +15,8 @@ import FootnoteReference from '~/content_editor/extensions/footnote_reference';
 import HardBreak from '~/content_editor/extensions/hard_break';
 import Heading from '~/content_editor/extensions/heading';
 import HorizontalRule from '~/content_editor/extensions/horizontal_rule';
+import HTMLMarks from '~/content_editor/extensions/html_marks';
+import HTMLNodes from '~/content_editor/extensions/html_nodes';
 import Image from '~/content_editor/extensions/image';
 import InlineDiff from '~/content_editor/extensions/inline_diff';
 import Italic from '~/content_editor/extensions/italic';
@@ -48,7 +49,6 @@ const tiptapEditor = createTestEditor({
     DescriptionList,
     Details,
     DetailsContent,
-    Division,
     Emoji,
     FootnoteDefinition,
     FootnoteReference,
@@ -71,6 +71,8 @@ const tiptapEditor = createTestEditor({
     TableRow,
     TaskItem,
     TaskList,
+    ...HTMLMarks,
+    ...HTMLNodes,
   ],
 });
 
@@ -84,7 +86,7 @@ const {
     codeBlock,
     details,
     detailsContent,
-    division,
+    div,
     descriptionItem,
     descriptionList,
     emoji,
@@ -120,7 +122,6 @@ const {
     codeBlock: { nodeType: CodeBlockHighlight.name },
     details: { nodeType: Details.name },
     detailsContent: { nodeType: DetailsContent.name },
-    division: { nodeType: Division.name },
     descriptionItem: { nodeType: DescriptionItem.name },
     descriptionList: { nodeType: DescriptionList.name },
     emoji: { markType: Emoji.name },
@@ -145,6 +146,13 @@ const {
     tableRow: { nodeType: TableRow.name },
     taskItem: { nodeType: TaskItem.name },
     taskList: { nodeType: TaskList.name },
+    ...HTMLNodes.reduce(
+      (builders, htmlNode) => ({
+        ...builders,
+        [htmlNode.name]: { nodeType: htmlNode.name },
+      }),
+      {},
+    ),
   },
 });
 
@@ -725,8 +733,8 @@ _inception_
   it('correctly renders div', () => {
     expect(
       serialize(
-        division(paragraph('just a paragraph in a div')),
-        division(paragraph('just some ', bold('styled'), ' ', italic('content'), ' in a div')),
+        div(paragraph('just a paragraph in a div')),
+        div(paragraph('just some ', bold('styled'), ' ', italic('content'), ' in a div')),
       ),
     ).toBe(
       '<div>just a paragraph in a div</div>\n<div>\n\njust some **styled** _content_ in a div\n\n</div>',
@@ -1169,7 +1177,7 @@ Oranges are orange [^1]
   };
 
   it.each`
-    mark          | content                                    | modifiedContent                                                               | editAction
+    mark          | markdown                                   | modifiedMarkdown                                                              | editAction
     ${'bold'}     | ${'**bold**'}                              | ${'**bold modified**'}                                                        | ${defaultEditAction}
     ${'bold'}     | ${'__bold__'}                              | ${'__bold modified__'}                                                        | ${defaultEditAction}
     ${'bold'}     | ${'<strong>bold</strong>'}                 | ${'<strong>bold modified</strong>'}                                           | ${defaultEditAction}
@@ -1205,10 +1213,10 @@ Oranges are orange [^1]
     ${'taskList'} | ${'2) [x] task list item'}                 | ${'2) [x] task list item modified'}                                           | ${defaultEditAction}
   `(
     'preserves original $mark syntax when sourceMarkdown is available for $content',
-    async ({ content, modifiedContent, editAction }) => {
+    async ({ markdown, modifiedMarkdown, editAction }) => {
       const { document } = await remarkMarkdownDeserializer().deserialize({
         schema: tiptapEditor.schema,
-        content,
+        markdown,
       });
 
       editAction(document);
@@ -1218,7 +1226,7 @@ Oranges are orange [^1]
         doc: tiptapEditor.state.doc,
       });
 
-      expect(serialized).toEqual(modifiedContent);
+      expect(serialized).toEqual(modifiedMarkdown);
     },
   );
 });