1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
|
import createMarkdownDeserializer from '~/content_editor/services/gl_api_markdown_deserializer';
import Bold from '~/content_editor/extensions/bold';
import Comment from '~/content_editor/extensions/comment';
import { createTestEditor, createDocBuilder } from '../test_utils';
describe('content_editor/services/gl_api_markdown_deserializer', () => {
let renderMarkdown;
let doc;
let p;
let bold;
let comment;
let tiptapEditor;
beforeEach(() => {
tiptapEditor = createTestEditor({
extensions: [Bold, Comment],
});
({
builders: { doc, p, bold, comment },
} = createDocBuilder({
tiptapEditor,
names: {
bold: { markType: Bold.name },
comment: { nodeType: Comment.name },
},
}));
renderMarkdown = jest.fn();
});
describe('when deserializing', () => {
let result;
const text = 'Bold text';
beforeEach(async () => {
const deserializer = createMarkdownDeserializer({ render: renderMarkdown });
renderMarkdown.mockResolvedValueOnce(`<p><strong>${text}</strong></p><!-- some comment -->`);
result = await deserializer.deserialize({
markdown: '**Bold text**\n<!-- some comment -->',
schema: tiptapEditor.schema,
});
});
it('transforms HTML returned by render function to a ProseMirror document', () => {
const document = doc(p(bold(text)), comment(' some comment '));
expect(result.document.toJSON()).toEqual(document.toJSON());
});
});
describe('when the render function returns an empty value', () => {
it('returns an empty prosemirror document', async () => {
const deserializer = createMarkdownDeserializer({
render: renderMarkdown,
schema: tiptapEditor.schema,
});
renderMarkdown.mockResolvedValueOnce(null);
const result = await deserializer.deserialize({
markdown: '',
schema: tiptapEditor.schema,
});
const document = doc(p());
expect(result.document.toJSON()).toEqual(document.toJSON());
});
});
});
|
