PHP Classes

File: public/js/tinymce/src/core/src/test/js/browser/UndoManagerTest.js

Recommend this page to a friend!
  Classes of Abed Nego Ragil Putra  >  GoLavaCMS  >  public/js/tinymce/src/core/src/test/js/browser/UndoManagerTest.js  >  Download  
File: public/js/tinymce/src/core/src/test/js/browser/UndoManagerTest.js
Role: Auxiliary data
Content type: text/plain
Description: Auxiliary data
Class: GoLavaCMS
Publish content on Web pages with SEO support
Author: By
Last change:
Date: 4 years ago
Size: 15,657 bytes
 

Contents

Class file image Download
asynctest(
  'browser.tinymce.core.UndoManager',
  [
    'ephox.agar.api.Pipeline',
    'ephox.mcagar.api.LegacyUnit',
    'ephox.mcagar.api.TinyLoader',
    'tinymce.core.Env',
    'tinymce.core.test.HtmlUtils',
    'tinymce.core.test.KeyUtils',
    'tinymce.themes.modern.Theme'
  ],
  function (Pipeline, LegacyUnit, TinyLoader, Env, HtmlUtils, KeyUtils, Theme) {
    var success = arguments[arguments.length - 2];
    var failure = arguments[arguments.length - 1];
    var suite = LegacyUnit.createSuite();

    Theme();

    var ok = function (value, label) {
      return LegacyUnit.equal(value, true, label);
    };

    suite.test('Initial states', function (editor) {
      ok(!editor.undoManager.hasUndo());
      ok(!editor.undoManager.hasRedo());
      ok(!editor.undoManager.typing);
    });

    suite.test('One undo level', function (editor) {
      editor.undoManager.clear();
      editor.setContent('test');

      editor.focus();
      editor.execCommand('SelectAll');
      editor.execCommand('Bold');

      ok(editor.undoManager.hasUndo());
      ok(!editor.undoManager.hasRedo());
      ok(!editor.undoManager.typing);
    });

    suite.test('Two undo levels', function (editor) {
      editor.undoManager.clear();
      editor.setContent('test');

      editor.execCommand('SelectAll');
      editor.execCommand('Bold');
      editor.execCommand('SelectAll');
      editor.execCommand('Italic');

      ok(editor.undoManager.hasUndo());
      ok(!editor.undoManager.hasRedo());
      ok(!editor.undoManager.typing);
    });

    suite.test('No undo levels and one redo', function (editor) {
      editor.undoManager.clear();
      editor.setContent('test');

      editor.execCommand('SelectAll');
      editor.execCommand('Bold');
      editor.undoManager.undo();

      ok(!editor.undoManager.hasUndo());
      ok(editor.undoManager.hasRedo());
      ok(!editor.undoManager.typing);
    });

    suite.test('One undo levels and one redo', function (editor) {
      editor.undoManager.clear();
      editor.setContent('test');

      editor.execCommand('SelectAll');
      editor.execCommand('Bold');
      editor.execCommand('SelectAll');
      editor.execCommand('Italic');
      editor.undoManager.undo();

      ok(editor.undoManager.hasUndo());
      ok(editor.undoManager.hasRedo());
      ok(!editor.undoManager.typing);
    });

    suite.test('Typing state', function (editor) {
      var selectAllFlags;

      editor.undoManager.clear();
      editor.setContent('test');

      ok(!editor.undoManager.typing);

      editor.dom.fire(editor.getBody(), 'keydown', { keyCode: 65 });
      ok(editor.undoManager.typing);

      editor.dom.fire(editor.getBody(), 'keydown', { keyCode: 13 });
      ok(!editor.undoManager.typing);

      selectAllFlags = { keyCode: 65, ctrlKey: false, altKey: false, shiftKey: false };

      if (Env.mac) {
        selectAllFlags.metaKey = true;
      } else {
        selectAllFlags.ctrlKey = true;
      }

      editor.dom.fire(editor.getBody(), 'keydown', selectAllFlags);
      ok(!editor.undoManager.typing);
    });

    suite.test('Undo and add new level', function (editor) {
      editor.undoManager.clear();
      editor.setContent('test');

      editor.execCommand('SelectAll');
      editor.execCommand('Bold');
      editor.undoManager.undo();
      editor.execCommand('SelectAll');
      editor.execCommand('Italic');

      ok(editor.undoManager.hasUndo());
      ok(!editor.undoManager.hasRedo());
      ok(!editor.undoManager.typing);
    });

    suite.test('Events', function (editor) {
      var add, undo, redo;

      editor.undoManager.clear();
      editor.setContent('test');

      editor.on('AddUndo', function (e) {
        add = e.level;
      });

      editor.on('Undo', function (e) {
        undo = e.level;
      });

      editor.on('Redo', function (e) {
        redo = e.level;
      });

      editor.execCommand('SelectAll');
      editor.execCommand('Bold');
      ok(!!add.content);
      ok(!!add.bookmark);

      editor.undoManager.undo();
      ok(!!undo.content);
      ok(!!undo.bookmark);

      editor.undoManager.redo();
      ok(!!redo.content);
      ok(!!redo.bookmark);
    });

    suite.test('No undo/redo cmds on Undo/Redo shortcut', function (editor) {
      var evt, commands = [], added = false;

      editor.undoManager.clear();
      editor.setContent('test');

      editor.on('BeforeExecCommand', function (e) {
        commands.push(e.command);
      });

      editor.on('BeforeAddUndo', function () {
        added = true;
      });

      evt = {
        keyCode: 90,
        metaKey: Env.mac,
        ctrlKey: !Env.mac,
        shiftKey: false,
        altKey: false
      };

      editor.dom.fire(editor.getBody(), 'keydown', evt);
      editor.dom.fire(editor.getBody(), 'keypress', evt);
      editor.dom.fire(editor.getBody(), 'keyup', evt);

      LegacyUnit.strictEqual(added, false);
      LegacyUnit.deepEqual(commands, ["Undo"]);
    });

    suite.test('Transact', function (editor) {
      var count = 0, level;

      editor.undoManager.clear();

      editor.on('BeforeAddUndo', function () {
        count++;
      });

      level = editor.undoManager.transact(function () {
        editor.undoManager.add();
        editor.undoManager.add();
      });

      LegacyUnit.equal(count, 1);
      LegacyUnit.equal(level !== null, true);
    });

    suite.test('Transact no change', function (editor) {
      editor.undoManager.add();

      var level = editor.undoManager.transact(function () {
      });

      LegacyUnit.equal(level, null);
    });

    suite.test('Transact with change', function (editor) {
      editor.undoManager.add();

      var level = editor.undoManager.transact(function () {
        editor.setContent('x');
      });

      LegacyUnit.equal(level !== null, true);
    });

    suite.test('Transact nested', function (editor) {
      var count = 0;

      editor.undoManager.clear();

      editor.on('BeforeAddUndo', function () {
        count++;
      });

      editor.undoManager.transact(function () {
        editor.undoManager.add();

        editor.undoManager.transact(function () {
          editor.undoManager.add();
        });
      });

      LegacyUnit.equal(count, 1);
    });

    suite.test('Transact exception', function (editor) {
      var count = 0;

      editor.undoManager.clear();

      editor.on('BeforeAddUndo', function () {
        count++;
      });

      try {
        editor.undoManager.transact(function () {
          throw new Error("Test");
        });

        LegacyUnit.equal(true, false, "Should never get here!");
      } catch (ex) {
        LegacyUnit.equal(ex.message, "Test");
      }

      editor.undoManager.add();

      LegacyUnit.equal(count, 1);
    });

    suite.test('Extra with changes', function (editor) {
      var data;

      editor.undoManager.clear();
      editor.setContent('<p>abc</p>');
      LegacyUnit.setSelection(editor, 'p', 0);
      editor.undoManager.add();

      editor.undoManager.extra(function () {
        LegacyUnit.setSelection(editor, 'p', 1, 'p', 2);
        editor.insertContent('1');
      }, function () {
        LegacyUnit.setSelection(editor, 'p', 1, 'p', 2);
        editor.insertContent('2');
      });

      data = editor.undoManager.data;
      LegacyUnit.equal(data.length, 3);
      LegacyUnit.equal(data[0].content, '<p>abc</p>');
      LegacyUnit.deepEqual(data[0].bookmark, { start: [0, 0, 0] });
      LegacyUnit.deepEqual(data[0].beforeBookmark, { start: [0, 0, 0] });
      LegacyUnit.equal(data[1].content, '<p>a1c</p>');
      LegacyUnit.deepEqual(data[1].bookmark, { start: [2, 0, 0] });
      LegacyUnit.deepEqual(data[1].beforeBookmark, { start: [2, 0, 0] });
      LegacyUnit.equal(data[2].content, '<p>a2c</p>');
      LegacyUnit.deepEqual(data[2].bookmark, { start: [2, 0, 0] });
      LegacyUnit.deepEqual(data[1].beforeBookmark, data[2].bookmark);
    });

    suite.test('Exclude internal elements', function (editor) {
      var count = 0, lastLevel;

      editor.undoManager.clear();
      LegacyUnit.equal(count, 0);

      editor.on('AddUndo', function () {
        count++;
      });

      editor.on('BeforeAddUndo', function (e) {
        lastLevel = e.level;
      });

      editor.getBody().innerHTML = (
        'test' +
        '<img src="about:blank" data-mce-selected="1" />' +
        '<table data-mce-selected="1"><tr><td>x</td></tr></table>'
      );

      editor.undoManager.add();
      LegacyUnit.equal(count, 1);
      LegacyUnit.equal(HtmlUtils.cleanHtml(lastLevel.content),
        'test' +
        '<img src="about:blank">' +
        '<table><tbody><tr><td>x</td></tr></tbody></table>'
      );

      editor.getBody().innerHTML = (
        '<span data-mce-bogus="1">\u200B</span>' +
        '<span data-mce-bogus="1">\uFEFF</span>' +
        '<div data-mce-bogus="all"></div>' +
        '<div data-mce-bogus="all"><div><b>x</b></div></div>' +
        '<img src="about:blank" data-mce-bogus="all">' +
        '<br data-mce-bogus="1">' +
        'test' +
        '\u200B' +
        '<img src="about:blank" />' +
        '<table><tr><td>x</td></tr></table>'
      );

      editor.undoManager.add();
      LegacyUnit.equal(count, 2);
      LegacyUnit.equal(HtmlUtils.cleanHtml(lastLevel.content),
        '<br data-mce-bogus="1">' +
        'test' +
        '\u200B' +
        '<img src="about:blank">' +
        '<table><tbody><tr><td>x</td></tr></tbody></table>'
      );
    });

    suite.test('Undo added when typing and losing focus', function (editor) {
      var lastLevel;

      editor.on('BeforeAddUndo', function (e) {
        lastLevel = e.level;
      });

      editor.undoManager.clear();
      editor.setContent("<p>some text</p>");
      LegacyUnit.setSelection(editor, 'p', 4, 'p', 9);
      KeyUtils.type(editor, '\b');

      LegacyUnit.equal(HtmlUtils.cleanHtml(lastLevel.content), "<p>some text</p>");
      editor.fire('blur');
      LegacyUnit.equal(HtmlUtils.cleanHtml(lastLevel.content), "<p>some</p>");

      editor.execCommand('FormatBlock', false, 'h1');
      editor.undoManager.undo();
      LegacyUnit.equal(editor.getContent(), "<p>some</p>");
    });

    suite.test('BeforeAddUndo event', function (editor) {
      var lastEvt, addUndoEvt;

      var blockEvent = function (e) {
        e.preventDefault();
      };

      editor.on('BeforeAddUndo', function (e) {
        lastEvt = e;
      });

      editor.undoManager.clear();
      editor.setContent("<p>a</p>");
      editor.undoManager.add();

      LegacyUnit.equal(lastEvt.lastLevel, undefined);
      LegacyUnit.equal(HtmlUtils.cleanHtml(lastEvt.level.content), "<p>a</p>");

      editor.setContent("<p>b</p>");
      editor.undoManager.add();

      LegacyUnit.equal(HtmlUtils.cleanHtml(lastEvt.lastLevel.content), "<p>a</p>");
      LegacyUnit.equal(HtmlUtils.cleanHtml(lastEvt.level.content), "<p>b</p>");

      editor.on('BeforeAddUndo', blockEvent);

      editor.on('AddUndo', function (e) {
        addUndoEvt = e;
      });

      editor.setContent("<p>c</p>");
      editor.undoManager.add(null, { data: 1 });

      LegacyUnit.equal(HtmlUtils.cleanHtml(lastEvt.lastLevel.content), "<p>b</p>");
      LegacyUnit.equal(HtmlUtils.cleanHtml(lastEvt.level.content), "<p>c</p>");
      LegacyUnit.equal(lastEvt.originalEvent.data, 1);
      ok(!addUndoEvt, "Event level produced when it should be blocked");

      editor.off('BeforeAddUndo', blockEvent);
    });

    suite.test('Dirty state type letter', function (editor) {
      editor.undoManager.clear();
      editor.setDirty(false);
      editor.setContent("<p>a</p>");
      LegacyUnit.setSelection(editor, 'p', 1);

      ok(!editor.isDirty(), "Dirty state should be false");
      KeyUtils.type(editor, 'b');
      LegacyUnit.equal(editor.getContent(), "<p>ab</p>");
      ok(editor.isDirty(), "Dirty state should be true");
    });

    suite.test('Dirty state type shift+letter', function (editor) {
      editor.undoManager.clear();
      editor.setDirty(false);
      editor.setContent("<p>a</p>");
      LegacyUnit.setSelection(editor, 'p', 1);

      ok(!editor.isDirty(), "Dirty state should be false");
      KeyUtils.type(editor, { keyCode: 65, charCode: 66, shiftKey: true });
      LegacyUnit.equal(editor.getContent(), "<p>aB</p>");
      ok(editor.isDirty(), "Dirty state should be true");
    });

    suite.test('Dirty state type AltGr+letter', function (editor) {
      editor.undoManager.clear();
      editor.setDirty(false);
      editor.setContent("<p>a</p>");
      LegacyUnit.setSelection(editor, 'p', 1);

      ok(!editor.isDirty(), "Dirty state should be false");
      KeyUtils.type(editor, { keyCode: 65, charCode: 66, ctrlKey: true, altKey: true });
      LegacyUnit.equal(editor.getContent(), "<p>aB</p>");
      ok(editor.isDirty(), "Dirty state should be true");
    });

    suite.test('ExecCommand while typing should produce undo level', function (editor) {
      editor.undoManager.clear();
      editor.setDirty(false);
      editor.setContent('<p>a</p>');
      LegacyUnit.setSelection(editor, 'p', 1);

      LegacyUnit.equal(editor.undoManager.typing, false);
      KeyUtils.type(editor, { keyCode: 66, charCode: 66 });
      LegacyUnit.equal(editor.undoManager.typing, true);
      LegacyUnit.equal(editor.getContent(), '<p>aB</p>');
      editor.execCommand('mceInsertContent', false, 'C');
      LegacyUnit.equal(editor.undoManager.typing, false);
      LegacyUnit.equal(editor.undoManager.data.length, 3);
      LegacyUnit.equal(editor.undoManager.data[0].content, '<p>a</p>');
      LegacyUnit.equal(editor.undoManager.data[1].content, '<p>aB</p>');
      LegacyUnit.equal(editor.undoManager.data[2].content, '<p>aBC</p>');
    });

    suite.test('transact while typing should produce undo level', function (editor) {
      editor.undoManager.clear();
      editor.setDirty(false);
      editor.setContent('<p>a</p>');
      LegacyUnit.setSelection(editor, 'p', 1);

      LegacyUnit.equal(editor.undoManager.typing, false);
      KeyUtils.type(editor, { keyCode: 66, charCode: 66 });
      LegacyUnit.equal(editor.undoManager.typing, true);
      LegacyUnit.equal(editor.getContent(), '<p>aB</p>');
      editor.undoManager.transact(function () {
        editor.getBody().firstChild.firstChild.data = 'aBC';
      });
      LegacyUnit.equal(editor.undoManager.typing, false);
      LegacyUnit.equal(editor.undoManager.data.length, 3);
      LegacyUnit.equal(editor.undoManager.data[0].content, '<p>a</p>');
      LegacyUnit.equal(editor.undoManager.data[1].content, '<p>aB</p>');
      LegacyUnit.equal(editor.undoManager.data[2].content, '<p>aBC</p>');
    });

    suite.test('ignore does a transaction but no levels', function (editor) {
      editor.undoManager.clear();
      editor.setDirty(false);
      editor.setContent('<p>a</p>');
      LegacyUnit.setSelection(editor, 'p', 0, 'p', 1);
      editor.undoManager.typing = true;

      editor.undoManager.ignore(function () {
        editor.execCommand('bold');
        editor.execCommand('italic');
      });

      LegacyUnit.equal(editor.undoManager.typing, true);
      LegacyUnit.equal(editor.undoManager.data.length, 0);
      LegacyUnit.equal(editor.getContent(), '<p><em><strong>a</strong></em></p>');
    });

    TinyLoader.setup(function (editor, onSuccess, onFailure) {
      Pipeline.async({}, suite.toSteps(editor), onSuccess, onFailure);
    }, {
      add_unload_trigger: false,
      disable_nodechange: true,
      indent: false,
      entities: 'raw',
      skin_url: '/project/src/skins/lightgray/dist/lightgray'
    }, success, failure);
  }
);
For more information send a message to info at phpclasses dot org.