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
|
import { buildUneditableInlineTokens } from '~/vue_shared/components/rich_content_editor/services/renderers/build_uneditable_token';
import renderer from '~/vue_shared/components/rich_content_editor/services/renderers/render_identifier_instance_text';
import { buildMockTextNode, normalTextNode } from './mock_data';
const mockTextStart = 'Majority example ';
const mockTextMiddle = '[environment terraform plans][terraform]';
const mockTextEnd = '.';
const identifierInstanceStartTextNode = buildMockTextNode(mockTextStart);
const identifierInstanceEndTextNode = buildMockTextNode(mockTextEnd);
describe('Render Identifier Instance Text renderer', () => {
describe('canRender', () => {
it.each`
node | target
${normalTextNode} | ${false}
${identifierInstanceStartTextNode} | ${false}
${identifierInstanceEndTextNode} | ${false}
${buildMockTextNode(mockTextMiddle)} | ${true}
${buildMockTextNode('Minority example [environment terraform plans][]')} | ${true}
${buildMockTextNode('Minority example [environment terraform plans]')} | ${true}
`(
'should return $target when the $node validates against identifier instance syntax',
({ node, target }) => {
expect(renderer.canRender(node)).toBe(target);
},
);
});
describe('render', () => {
it.each`
start | middle | end
${mockTextStart} | ${mockTextMiddle} | ${mockTextEnd}
${mockTextStart} | ${'[environment terraform plans][]'} | ${mockTextEnd}
${mockTextStart} | ${'[environment terraform plans]'} | ${mockTextEnd}
`(
'should return inline editable, uneditable, and editable tokens in sequence',
({ start, middle, end }) => {
const buildMockTextToken = (content) => ({ type: 'text', tagName: null, content });
const startToken = buildMockTextToken(start);
const middleToken = buildMockTextToken(middle);
const endToken = buildMockTextToken(end);
const content = `${start}${middle}${end}`;
const contentToken = buildMockTextToken(content);
const contentNode = buildMockTextNode(content);
const context = { origin: jest.fn().mockReturnValueOnce(contentToken) };
expect(renderer.render(contentNode, context)).toStrictEqual(
[startToken, buildUneditableInlineTokens(middleToken), endToken].flat(),
);
},
);
});
});
|