editor.js/test/cypress/tests/sanitisation.spec.ts

/* eslint-disable @typescript-eslint/no-explicit-any */
describe('Output sanitization', () => {
  beforeEach(function () {
    cy.createEditor({}).as('editorInstance');
  });

  afterEach(function () {
    if (this.editorInstance) {
      this.editorInstance.destroy();
    }
  });

  context('Output should save inline formatting', () => {
    it('should save initial formatting for paragraph', () => {
      cy.createEditor({
        data: {
          blocks: [ {
            type: 'paragraph',
            data: { text: '<b>Bold text</b>' },
          } ],
        },
      }).then(async editor => {
        const output = await (editor as any).save();

        const boldText = output.blocks[0].data.text;

        expect(boldText).to.eq('<b>Bold text</b>');
      });
    });

    it('should save formatting for paragraph', () => {
      cy.get('[data-cy=editorjs]')
        .get('div.ce-block')
        .click()
        .type('This text should be bold.{selectall}');

      cy.get('[data-cy=editorjs]')
        .get('button.ce-inline-tool--bold')
        .click();

      cy.get('[data-cy=editorjs]')
        .get('div.ce-block')
        .click();

      cy.get('@editorInstance').then(async editorInstance => {
        const output = await (editorInstance as any).save();

        const text = output.blocks[0].data.text;

        expect(text).to.match(/<b>This text should be bold\.(<br>)?<\/b>/);
      });
    });

    it('should save formatting for paragraph on paste', () => {
      cy.get('[data-cy=editorjs]')
        .get('div.ce-block')
        .paste({
          // eslint-disable-next-line @typescript-eslint/naming-convention
          'text/html': '<p>Text</p><p><b>Bold text</b></p>',
        });

      cy.get('@editorInstance').then(async editorInstance => {
        const output = await (editorInstance as any).save();

        const boldText = output.blocks[1].data.text;

        expect(boldText).to.eq('<b>Bold text</b>');
      });
    });
  });
});