File: public/js/tinymce/src/core/src/test/js/browser/undo/LevelsTest.js

asynctest(
  'browser.tinymce.core.undo.LevelsTest',
  [
    'ephox.agar.api.Pipeline',
    'ephox.mcagar.api.LegacyUnit',
    'ephox.mcagar.api.TinyLoader',
    'tinymce.core.Env',
    'tinymce.core.undo.Levels',
    'tinymce.themes.modern.Theme'
  ],
  function (Pipeline, LegacyUnit, TinyLoader, Env, Levels, Theme) {
    var success = arguments[arguments.length - 2];
    var failure = arguments[arguments.length - 1];
    var suite = LegacyUnit.createSuite();

    Theme();

    var getBookmark = function (editor) {
      return editor.selection.getBookmark(2, true);
    };

    suite.test('createFragmentedLevel', function () {
      LegacyUnit.deepEqual(Levels.createFragmentedLevel(['a', 'b']), {
        'beforeBookmark': null,
        'bookmark': null,
        'content': '',
        'fragments': ['a', 'b'],
        'type': 'fragmented'
      });
    });

    suite.test('createCompleteLevel', function () {
      LegacyUnit.deepEqual(Levels.createCompleteLevel('a'), {
        'beforeBookmark': null,
        'bookmark': null,
        'content': 'a',
        'fragments': null,
        'type': 'complete'
      });
    });

    suite.test('createFromEditor', function (editor) {
      LegacyUnit.deepEqual(Levels.createFromEditor(editor), {
        'beforeBookmark': null,
        'bookmark': null,
        'content': Env.ie && Env.ie < 11 ? '<p></p>' : '<p><br data-mce-bogus="1"></p>',
        'fragments': null,
        'type': 'complete'
      });

      editor.getBody().innerHTML = '<iframe src="about:blank"></iframe>a<!--b-->c';

      LegacyUnit.deepEqual(Levels.createFromEditor(editor), {
        'beforeBookmark': null,
        'bookmark': null,
        'content': '',
        'fragments': ['<iframe src="about:blank"></iframe>', 'a', '<!--b-->', 'c'],
        'type': 'fragmented'
      });
    });

    suite.test('createFromEditor removes bogus=al', function (editor) {
      editor.getBody().innerHTML = '<p data-mce-bogus="all">a</p> <span>b</span>';

      LegacyUnit.deepEqual(Levels.createFromEditor(editor), {
        'beforeBookmark': null,
        'bookmark': null,
        'content': ' <span>b</span>',
        'fragments': null,
        'type': 'complete'
      });
    });

    suite.test('createFromEditor removes bogus=all', function (editor) {
      editor.getBody().innerHTML = '<iframe src="about:blank"></iframe> <p data-mce-bogus="all">a</p> <span>b</span>';

      LegacyUnit.deepEqual(Levels.createFromEditor(editor), {
        'beforeBookmark': null,
        'bookmark': null,
        'content': '',
        'fragments':[
          "<iframe src=\"about:blank\"></iframe>",
          " ",
          " ",
          "<span>b</span>"
        ],
        'type': 'fragmented'
      });
    });

    suite.test('applyToEditor to equal content with complete level', function (editor) {
      var level = Levels.createCompleteLevel('<p>a</p>');
      level.bookmark = { start: [1, 0, 0] };

      editor.getBody().innerHTML = '<p>a</p>';
      LegacyUnit.setSelection(editor, 'p', 0);
      Levels.applyToEditor(editor, level, false);

      LegacyUnit.strictEqual(editor.getBody().innerHTML, '<p>a</p>');
      LegacyUnit.deepEqual(getBookmark(editor), { start: [1, 0, 0] });
    });

    suite.test('applyToEditor to different content with complete level', function (editor) {
      var level = Levels.createCompleteLevel('<p>b</p>');
      level.bookmark = { start: [1, 0, 0] };

      editor.getBody().innerHTML = '<p>a</p>';
      LegacyUnit.setSelection(editor, 'p', 0);
      Levels.applyToEditor(editor, level, false);

      LegacyUnit.strictEqual(editor.getBody().innerHTML, '<p>b</p>');
      LegacyUnit.deepEqual(getBookmark(editor), { start: [1, 0, 0] });
    });

    suite.test('applyToEditor to different content with fragmented level', function (editor) {
      var level = Levels.createFragmentedLevel(['<p>a</p>', '<p>b</p>']);
      level.bookmark = { start: [1, 0, 0] };

      editor.getBody().innerHTML = '<p>c</p>';
      LegacyUnit.setSelection(editor, 'p', 0);
      Levels.applyToEditor(editor, level, false);

      LegacyUnit.strictEqual(editor.getBody().innerHTML, '<p>a</p><p>b</p>');
      LegacyUnit.deepEqual(getBookmark(editor), { start: [1, 0, 0] });
    });

    suite.test('isEq', function () {
      LegacyUnit.strictEqual(Levels.isEq(Levels.createFragmentedLevel(['a', 'b']), Levels.createFragmentedLevel(['a', 'b'])), true);
      LegacyUnit.strictEqual(Levels.isEq(Levels.createFragmentedLevel(['a', 'b']), Levels.createFragmentedLevel(['a', 'c'])), false);
      LegacyUnit.strictEqual(Levels.isEq(Levels.createCompleteLevel('a'), Levels.createCompleteLevel('a')), true);
      LegacyUnit.strictEqual(Levels.isEq(Levels.createCompleteLevel('a'), Levels.createCompleteLevel('b')), false);
      LegacyUnit.strictEqual(Levels.isEq(Levels.createFragmentedLevel(['a']), Levels.createCompleteLevel('a')), true);
      LegacyUnit.strictEqual(Levels.isEq(Levels.createCompleteLevel('a'), Levels.createFragmentedLevel(['a'])), true);
    });

    suite.test('isEq passed undefined', function () {
      LegacyUnit.strictEqual(Levels.isEq(undefined, Levels.createFragmentedLevel(['a', 'b'])), false);
      LegacyUnit.strictEqual(Levels.isEq(Levels.createCompleteLevel('a'), undefined), false);
      LegacyUnit.strictEqual(Levels.isEq(undefined, undefined), false);
      LegacyUnit.strictEqual(Levels.isEq(Levels.createFragmentedLevel([]), Levels.createFragmentedLevel([])), true);
    });

    TinyLoader.setup(function (editor, onSuccess, onFailure) {
      Pipeline.async({}, suite.toSteps(editor), onSuccess, onFailure);
    }, {
      selector: "textarea",
      add_unload_trigger: false,
      disable_nodechange: true,
      entities: 'raw',
      indent: false,
      skin_url: '/project/src/skins/lightgray/dist/lightgray'
    }, success, failure);
  }
);