diff options
Diffstat (limited to 'spec/frontend/content_editor/services/markdown_serializer_spec.js')
-rw-r--r-- | spec/frontend/content_editor/services/markdown_serializer_spec.js | 28 |
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); }, ); }); |