quill-delta-to-html/test/InsertOpsConverter.test.ts

Converts Quill's delta ops to HTML

import 'mocha';
import * as assert from 'assert';

import { DeltaInsertOp } from './../src/DeltaInsertOp';
import { InsertDataQuill } from './../src/InsertData';
import { InsertOpsConverter } from './../src/InsertOpsConverter';

var data = [
  {
    ops: [
      { insert: 'This ' },
      { attributes: { font: 'monospace' }, insert: 'is' },
      { insert: ' a ' },
      { attributes: { size: 'large' }, insert: 'test' },
      { insert: ' ' },
      { attributes: { italic: true, bold: true }, insert: 'data' },
      { insert: ' ' },
      { attributes: { underline: true, strike: true }, insert: 'that' },
      { insert: ' is ' },
      { attributes: { color: '#e60000' }, insert: 'will' },
      { insert: ' ' },
      { attributes: { background: '#ffebcc' }, insert: 'test' },
      { insert: ' ' },
      { attributes: { script: 'sub' }, insert: 'the' },
      { insert: ' ' },
      { attributes: { script: 'super' }, insert: 'rendering' },
      { insert: ' of ' },
      { attributes: { link: 'yahoo' }, insert: 'inline' },
      { insert: ' ' },
      { insert: { formula: 'x=data' } },
      { insert: '  formats.\n' },
    ],
    html: [
      '<p>',
      'This ',
      '<span class="noz-font-monospace">is</span>',
      ' a ',
      '<span class="noz-size-large">test</span>',
      ' ',
      '<strong><em>data</em></strong>',
      ' ',
      '<s><u>that</u></s>',
      ' is ',
      '<span style="color:#e60000">will</span>',
      ' ',
      '<span style="background-color:#ffebcc">test</span>',
      ' ',
      '<sub>the</sub>',
      ' ',
      '<sup>rendering</sup>',
      ' of ',
      '<a href="yahoo">inline</a>',
      ' ',
      '<span class="noz-formula">x=data</span>',
      ' formats.<br />',
    ].join(''),
  },
];

describe('InsertOpsConverter', function () {
  describe('#convert()', function () {
    it('should transform raw delta ops to DeltaInsertOp[]', function () {
      var objs = InsertOpsConverter.convert(data[0].ops, {});

      assert.equal(objs[0] instanceof DeltaInsertOp, true);
      assert.equal(objs[objs.length - 1] instanceof DeltaInsertOp, true);
      assert.deepEqual(InsertOpsConverter.convert(null, {}), []);
      assert.deepEqual(InsertOpsConverter.convert([{ insert: '' }], {}), []);
      assert.deepEqual(
        InsertOpsConverter.convert([{ insert: { cake: '' } }], {}),
        [{ insert: { type: 'cake', value: '' }, attributes: {} }]
      );
      assert.deepEqual(InsertOpsConverter.convert([{ insert: 2 }], {}), []);
      //console.log(objs);
    });
  });

  describe('#convertInsertVal()', function () {
    it('should convert raw .insert value to valid TInsert or null', function () {
      [null, undefined, 3, {}].forEach((v) => {
        var act = InsertOpsConverter.convertInsertVal(v, {});
        assert.equal(act, null);
      });

      ['fdsf', { image: 'ff' }, { video: '' }, { formula: '' }].forEach((v) => {
        var act = InsertOpsConverter.convertInsertVal(v, {});
        assert.notEqual(act, null);
        assert.ok(act instanceof InsertDataQuill);
      });
    });
  });
});