editor.js/test/cypress/tests/inline-tools/link.cy.ts at cb98bdc7141f3d9a5d2c4e28b969cd2a046a20e7 · AlexGaillard/editor.js · GitHub

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
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
describe('Inline Tool Link', () => {
  it('should create a link by Enter keydown in input', () => {
    cy.createEditor({
      data: {
        blocks: [
          {
            type: 'paragraph',
            data: {
              text: 'First block text',
            },
          },
        ],
      },
    });

    cy.get('[data-cy=editorjs]')
      .find('div.ce-block')
      .click()
      .type('{selectall}')
      .wait(200)
      .type('{ctrl}K');

    cy.get('[data-cy=editorjs]')
      .find('.ce-inline-tool-input')
      .click()
      .type('https://codex.so')
      .type('{enter}');

    cy.get('[data-cy=editorjs]')
      .find('div.ce-block')
      .find('a')
      .should('have.attr', 'href', 'https://codex.so');
  });

  it('should remove fake background on selection change', () => {
    cy.createEditor({
      data: {
        blocks: [
          {
            type: 'paragraph',
            data: {
              text: 'First block text',
            },
          },
          {
            type: 'paragraph',
            data: {
              text: 'Second block text',
            },
          },
        ],
      },
    });

    cy.get('[data-cy=editorjs]')
      .find('div.ce-block')
      .first()
      .click()
      .type('{selectall}')
      .wait(200)
      .type('{ctrl}K');

    cy.get('[data-cy=editorjs]')
      .find('div.ce-block')
      .last()
      .click()
      .type('{selectall}')
      .wait(200);

    cy.get('[data-cy=editorjs]')
      .find('.ce-paragraph span[style]')
      .should('not.exist');
  });

  it('should preserve link when applying bold to linked text', () => {
    cy.createEditor({
      data: {
        blocks: [
          {
            type: 'paragraph',
            data: {
              text: 'Text with link',
            },
          },
        ],
      },
    });

    cy.get('[data-cy=editorjs]')
      .find('div.ce-block')
      .click()
      .type('{selectall}')
      .wait(200)
      .type('{ctrl}K');

    cy.get('[data-cy=editorjs]')
      .find('.ce-inline-tool-input')
      .type('https://editorjs.io')
      .type('{enter}');

    cy.get('[data-cy=editorjs]')
      .find('div.ce-block')
      .find('a')
      .should('have.attr', 'href', 'https://editorjs.io');

    cy.get('[data-cy=editorjs]')
      .find('div.ce-block')
      .find('a')
      .click()
      .type('{selectall}')
      .wait(200)
      .type('{ctrl}B');

    cy.get('[data-cy=editorjs]')
      .find('div.ce-block')
      .find('a')
      .should('have.attr', 'href', 'https://editorjs.io')
      .find('b')
      .should('exist')
      .should('contain', 'Text with link');
  });
});