Welcome to mirror list, hosted at ThFree Co, Russian Federation.

inline_diff_spec.js « extensions « content_editor « frontend « spec - gitlab.com/gitlab-org/gitlab-foss.git - Unnamed repository; edit this file 'description' to name the repository.
summaryrefslogtreecommitdiff
blob: 99c559a20b1532a198e72332e907d6b3ef90262a (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
import InlineDiff from '~/content_editor/extensions/inline_diff';
import { createTestEditor, createDocBuilder, triggerMarkInputRule } from '../test_utils';

describe('content_editor/extensions/inline_diff', () => {
  let tiptapEditor;
  let doc;
  let p;
  let inlineDiff;

  beforeEach(() => {
    tiptapEditor = createTestEditor({ extensions: [InlineDiff] });
    ({
      builders: { doc, p, inlineDiff },
    } = createDocBuilder({
      tiptapEditor,
      names: {
        inlineDiff: { markType: InlineDiff.name },
      },
    }));
  });

  it.each`
    input                         | insertedNode
    ${'hello{+world+}'}           | ${() => p('hello', inlineDiff('world'))}
    ${'hello{+ world +}'}         | ${() => p('hello', inlineDiff(' world '))}
    ${'{+hello with \nnewline+}'} | ${() => p('{+hello with newline+}')}
    ${'{+open only'}              | ${() => p('{+open only')}
    ${'close only+}'}             | ${() => p('close only+}')}
    ${'hello{-world-}'}           | ${() => p('hello', inlineDiff({ type: 'deletion' }, 'world'))}
    ${'hello{- world -}'}         | ${() => p('hello', inlineDiff({ type: 'deletion' }, ' world '))}
    ${'hello {- world-}'}         | ${() => p('hello ', inlineDiff({ type: 'deletion' }, ' world'))}
    ${'{-hello world -}'}         | ${() => p(inlineDiff({ type: 'deletion' }, 'hello world '))}
    ${'{-hello with \nnewline-}'} | ${() => p('{-hello with newline-}')}
    ${'{-open only'}              | ${() => p('{-open only')}
    ${'close only-}'}             | ${() => p('close only-}')}
  `('with input=$input, then should insert a $insertedNode', ({ input, insertedNode }) => {
    const expectedDoc = doc(insertedNode());

    triggerMarkInputRule({ tiptapEditor, inputRuleText: input });

    expect(tiptapEditor.getJSON()).toEqual(expectedDoc.toJSON());
  });
});