summaryrefslogtreecommitdiff
path: root/spec/frontend/vue_shared/components/rich_content_editor/services/renderers/mock_data.js
blob: 407072fb5963918692b6d4e71cec30e8fa710b73 (plain)
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
// Node spec helpers

export const buildMockTextNode = (literal) => ({ literal, type: 'text' });

export const normalTextNode = buildMockTextNode('This is just normal text.');

// Token spec helpers

const buildMockUneditableOpenToken = (type) => {
  return {
    type: 'openTag',
    tagName: type,
    attributes: { contenteditable: false },
    classNames: [
      'gl-px-4 gl-py-2 gl-my-5 gl-opacity-5 gl-bg-gray-100 gl-user-select-none gl-cursor-not-allowed',
    ],
  };
};

const buildMockTextToken = (content) => {
  return {
    type: 'text',
    tagName: null,
    content,
  };
};

const buildMockUneditableCloseToken = (type) => ({ type: 'closeTag', tagName: type });

export const originToken = buildMockTextToken('{:.no_toc .hidden-md .hidden-lg}');
const uneditableOpenToken = buildMockUneditableOpenToken('div');
export const uneditableOpenTokens = [uneditableOpenToken, originToken];
export const uneditableCloseToken = buildMockUneditableCloseToken('div');
export const uneditableCloseTokens = [originToken, uneditableCloseToken];
export const uneditableTokens = [...uneditableOpenTokens, uneditableCloseToken];

export const originInlineToken = {
  type: 'text',
  content: '<i>Inline</i> content',
};

export const uneditableInlineTokens = [
  buildMockUneditableOpenToken('a'),
  originInlineToken,
  buildMockUneditableCloseToken('a'),
];

export const uneditableBlockTokens = [
  uneditableOpenToken,
  buildMockTextToken('<div><h1>Some header</h1><p>Some paragraph</p></div>'),
  uneditableCloseToken,
];

export const attributeDefinition = '{:.no_toc .hidden-md .hidden-lg}';