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
73
74
75
76
77
78
79
80
81
82
83
84
85
|
import { PROVIDE_SERIALIZER_OR_RENDERER_ERROR } from '~/content_editor/constants';
import { createContentEditor } from '~/content_editor/services/create_content_editor';
import createGlApiMarkdownDeserializer from '~/content_editor/services/gl_api_markdown_deserializer';
import createRemarkMarkdownDeserializer from '~/content_editor/services/remark_markdown_deserializer';
import { createTestContentEditorExtension } from '../test_utils';
jest.mock('~/emoji');
jest.mock('~/content_editor/services/remark_markdown_deserializer');
jest.mock('~/content_editor/services/gl_api_markdown_deserializer');
describe('content_editor/services/create_content_editor', () => {
let renderMarkdown;
let editor;
const uploadsPath = '/uploads';
beforeEach(() => {
renderMarkdown = jest.fn();
window.gon = {
features: {
preserveUnchangedMarkdown: false,
},
};
editor = createContentEditor({ renderMarkdown, uploadsPath });
});
describe('when preserveUnchangedMarkdown feature is on', () => {
beforeEach(() => {
window.gon.features.preserveUnchangedMarkdown = true;
});
it('provides a remark markdown deserializer to the content editor class', () => {
createContentEditor({ renderMarkdown, uploadsPath });
expect(createRemarkMarkdownDeserializer).toHaveBeenCalled();
});
});
describe('when preserveUnchangedMarkdown feature is off', () => {
beforeEach(() => {
window.gon.features.preserveUnchangedMarkdown = false;
});
it('provides a gl api markdown deserializer to the content editor class', () => {
createContentEditor({ renderMarkdown, uploadsPath });
expect(createGlApiMarkdownDeserializer).toHaveBeenCalledWith({ render: renderMarkdown });
});
});
it('sets gl-outline-0! class selector to the tiptapEditor instance', () => {
expect(editor.tiptapEditor.options.editorProps).toMatchObject({
attributes: {
class: 'gl-outline-0!',
},
});
});
it('allows providing external content editor extensions', async () => {
const labelReference = 'this is a ~group::editor';
const { tiptapExtension, serializer } = createTestContentEditorExtension();
editor = createContentEditor({
renderMarkdown,
extensions: [tiptapExtension],
serializerConfig: { nodes: { [tiptapExtension.name]: serializer } },
});
editor.tiptapEditor.commands.setContent(
'<p>this is a <span data-reference="label" data-label-name="group::editor">group::editor</span></p>',
);
expect(editor.getSerializedContent()).toBe(labelReference);
});
it('throws an error when a renderMarkdown fn is not provided', () => {
expect(() => createContentEditor()).toThrow(PROVIDE_SERIALIZER_OR_RENDERER_ERROR);
});
it('provides uploadsPath and renderMarkdown function to Attachment extension', () => {
expect(
editor.tiptapEditor.extensionManager.extensions.find((e) => e.name === 'attachment').options,
).toMatchObject({
uploadsPath,
renderMarkdown,
});
});
});
|
