PHP Classes

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

Recommend this page to a friend!
  Classes of Abed Nego Ragil Putra  >  GoLavaCMS  >  public/js/tinymce/src/core/src/test/js/browser/EditorTest.js  >  Download  
File: public/js/tinymce/src/core/src/test/js/browser/EditorTest.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: 16,237 bytes
 

Contents

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

    Theme();

    suite.test('Event: change', function (editor) {
      var level, lastLevel;

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

      editor.setContent('');
      editor.insertContent('a');
      LegacyUnit.equal(level.content.toLowerCase(), '<p>a</p>');
      LegacyUnit.equal(lastLevel.content, editor.undoManager.data[0].content);

      editor.off('change');
    });

    suite.test('Event: beforeExecCommand', function (editor) {
      var cmd, ui, value;

      editor.on('BeforeExecCommand', function (e) {
        cmd = e.command;
        ui = e.ui;
        value = e.value;

        e.preventDefault();
      });

      editor.setContent('');
      editor.insertContent('a');
      LegacyUnit.equal(editor.getContent(), '');
      LegacyUnit.equal(cmd, 'mceInsertContent');
      LegacyUnit.equal(ui, false);
      LegacyUnit.equal(value, 'a');

      editor.off('BeforeExecCommand');
      editor.setContent('');
      editor.insertContent('a');
      LegacyUnit.equal(editor.getContent(), '<p>a</p>');
    });

    suite.test('urls - relativeURLs', function (editor) {
      editor.settings.relative_urls = true;
      editor.documentBaseURI = new URI('http://www.site.com/dirA/dirB/dirC/');

      editor.setContent('<a href="test.html">test</a>');
      LegacyUnit.equal(editor.getContent(), '<p><a href="test.html">test</a></p>');

      editor.setContent('<a href="../test.html">test</a>');
      LegacyUnit.equal(editor.getContent(), '<p><a href="../test.html">test</a></p>');

      editor.setContent('<a href="test/test.html">test</a>');
      LegacyUnit.equal(editor.getContent(), '<p><a href="test/test.html">test</a></p>');

      editor.setContent('<a href="/test.html">test</a>');
      LegacyUnit.equal(editor.getContent(), '<p><a href="../../../test.html">test</a></p>');

      editor.setContent('<a href="http://www.somesite.com/test/file.htm">test</a>');
      LegacyUnit.equal(editor.getContent(), '<p><a href="http://www.somesite.com/test/file.htm">test</a></p>');

      editor.setContent('<a href="//www.site.com/test/file.htm">test</a>');
      LegacyUnit.equal(editor.getContent(), '<p><a href="../../../test/file.htm">test</a></p>');

      editor.setContent('<a href="//www.somesite.com/test/file.htm">test</a>');
      LegacyUnit.equal(editor.getContent(), '<p><a href="//www.somesite.com/test/file.htm">test</a></p>');
    });

    suite.test('urls - absoluteURLs', function (editor) {
      editor.settings.relative_urls = false;
      editor.settings.remove_script_host = true;
      editor.documentBaseURI = new URI('http://www.site.com/dirA/dirB/dirC/');

      editor.setContent('<a href="test.html">test</a>');
      LegacyUnit.equal(editor.getContent(), '<p><a href="/dirA/dirB/dirC/test.html">test</a></p>');

      editor.setContent('<a href="../test.html">test</a>');
      LegacyUnit.equal(editor.getContent(), '<p><a href="/dirA/dirB/test.html">test</a></p>');

      editor.setContent('<a href="test/test.html">test</a>');
      LegacyUnit.equal(editor.getContent(), '<p><a href="/dirA/dirB/dirC/test/test.html">test</a></p>');

      editor.setContent('<a href="http://www.somesite.com/test/file.htm">test</a>');
      LegacyUnit.equal(editor.getContent(), '<p><a href="http://www.somesite.com/test/file.htm">test</a></p>');

      editor.settings.relative_urls = false;
      editor.settings.remove_script_host = false;

      editor.setContent('<a href="test.html">test</a>');
      LegacyUnit.equal(editor.getContent(), '<p><a href="http://www.site.com/dirA/dirB/dirC/test.html">test</a></p>');

      editor.setContent('<a href="../test.html">test</a>');
      LegacyUnit.equal(editor.getContent(), '<p><a href="http://www.site.com/dirA/dirB/test.html">test</a></p>');

      editor.setContent('<a href="test/test.html">test</a>');
      LegacyUnit.equal(editor.getContent(), '<p><a href="http://www.site.com/dirA/dirB/dirC/test/test.html">test</a></p>');

      editor.setContent('<a href="http://www.somesite.com/test/file.htm">test</a>');
      LegacyUnit.equal(editor.getContent(), '<p><a href="http://www.somesite.com/test/file.htm">test</a></p>');

      editor.setContent('<a href="//www.site.com/test/file.htm">test</a>');
      LegacyUnit.equal(editor.getContent(), '<p><a href="//www.site.com/test/file.htm">test</a></p>');

      editor.setContent('<a href="//www.somesite.com/test/file.htm">test</a>');
      LegacyUnit.equal(editor.getContent(), '<p><a href="//www.somesite.com/test/file.htm">test</a></p>');
    });

    suite.test('WebKit Serialization range bug', function (editor) {
      if (Env.webkit) {
        // Note that if we create the P with this invalid content directly, Chrome cleans it up differently to other browsers so we don't
        // wind up testing the serialization functionality we were aiming for and the test fails.
        var p = editor.dom.create('p', {}, '123<table><tbody><tr><td>X</td></tr></tbody></table>456');
        editor.dom.replace(p, editor.getBody().firstChild);

        LegacyUnit.equal(editor.getContent(), '<p>123</p><table><tbody><tr><td>X</td></tr></tbody></table><p>456</p>');
      }
    });

    suite.test('editor_methods - getParam', function (editor) {
      editor.settings.test = 'a,b,c';
      LegacyUnit.equal(editor.getParam('test', '', 'hash').c, 'c');

      editor.settings.test = 'a';
      LegacyUnit.equal(editor.getParam('test', '', 'hash').a, 'a');

      editor.settings.test = 'a=b';
      LegacyUnit.equal(editor.getParam('test', '', 'hash').a, 'b');

      editor.settings.test = 'a=b;c=d,e';
      LegacyUnit.equal(editor.getParam('test', '', 'hash').c, 'd,e');

      editor.settings.test = 'a=b,c=d';
      LegacyUnit.equal(editor.getParam('test', '', 'hash').c, 'd');
    });

    suite.test('setContent', function (editor) {
      var count;

      var callback = function (e) {
        e.content = e.content.replace(/test/, 'X');
        count++;
      };

      editor.on('SetContent', callback);
      editor.on('BeforeSetContent', callback);
      count = 0;
      editor.setContent('<p>test</p>');
      LegacyUnit.equal(editor.getContent(), "<p>X</p>");
      LegacyUnit.equal(count, 2);
      editor.off('SetContent', callback);
      editor.off('BeforeSetContent', callback);

      count = 0;
      editor.setContent('<p>test</p>');
      LegacyUnit.equal(editor.getContent(), "<p>test</p>");
      LegacyUnit.equal(count, 0);
    });

    suite.test('setContent with comment bug #4409', function (editor) {
      editor.setContent('<!-- x --><br>');
      editor.settings.disable_nodechange = false;
      editor.nodeChanged();
      editor.settings.disable_nodechange = true;
      LegacyUnit.equal(editor.getContent(), "<!-- x --><p>\u00a0</p>");
    });

    suite.test('custom elements', function (editor) {
      editor.setContent('<custom1>c1</custom1><custom2>c1</custom2>');
      LegacyUnit.equal(editor.getContent(), '<custom1>c1</custom1><p><custom2>c1</custom2></p>');
    });

    suite.test('Store/restore tabindex', function (editor) {
      editor.setContent('<span tabindex="42">abc</span>');
      LegacyUnit.equal(editor.getContent({ format: 'raw' }).toLowerCase(), '<p><span data-mce-tabindex="42">abc</span></p>');
      LegacyUnit.equal(editor.getContent(), '<p><span tabindex="42">abc</span></p>');
    });

    suite.test('show/hide/isHidden and events', function (editor) {
      var lastEvent;

      editor.on('show hide', function (e) {
        lastEvent = e;
      });

      LegacyUnit.equal(editor.isHidden(), false, 'Initial isHidden state');

      editor.hide();
      LegacyUnit.equal(editor.isHidden(), true, 'After hide isHidden state');
      LegacyUnit.equal(lastEvent.type, "hide");

      lastEvent = null;
      editor.hide();
      LegacyUnit.equal(lastEvent, null);

      editor.show();
      LegacyUnit.equal(editor.isHidden(), false, 'After show isHidden state');
      LegacyUnit.equal(lastEvent.type, "show");

      lastEvent = null;
      editor.show();
      LegacyUnit.equal(lastEvent, null);
    });

    suite.test('hide save content and hidden state while saving', function (editor) {
      var lastEvent, hiddenStateWhileSaving;

      editor.on('SaveContent', function (e) {
        lastEvent = e;
        hiddenStateWhileSaving = editor.isHidden();
      });

      editor.setContent('xyz');
      editor.hide();

      LegacyUnit.equal(hiddenStateWhileSaving, false, 'False isHidden state while saving');
      LegacyUnit.equal(lastEvent.content, '<p>xyz</p>');
      LegacyUnit.equal(document.getElementById(editor.id).value, '<p>xyz</p>');

      editor.show();
    });

    suite.test('insertContent', function (editor) {
      editor.setContent('<p>ab</p>');
      LegacyUnit.setSelection(editor, 'p', 1);
      editor.insertContent('c');
      LegacyUnit.equal(editor.getContent(), '<p>acb</p>');
    });

    suite.test('insertContent merge', function (editor) {
      editor.setContent('<p><strong>a</strong></p>');
      LegacyUnit.setSelection(editor, 'p', 1);
      editor.insertContent('<em><strong>b</strong></em>', { merge: true });
      LegacyUnit.equal(editor.getContent(), '<p><strong>a<em>b</em></strong></p>');
    });

    suite.test('addCommand', function (editor) {
      var scope = {}, lastScope, lastArgs;

      var callback = function () {
        // eslint-disable-next-line
        lastScope = this;
        lastArgs = arguments;
      };

      editor.addCommand("CustomCommand1", callback, scope);
      editor.addCommand("CustomCommand2", callback);

      editor.execCommand("CustomCommand1", false, "value", { extra: true });
      LegacyUnit.equal(lastArgs[0], false);
      LegacyUnit.equal(lastArgs[1], "value");
      LegacyUnit.equal(lastScope === scope, true);

      editor.execCommand("CustomCommand2");
      LegacyUnit.equal(typeof lastArgs[0], "undefined");
      LegacyUnit.equal(typeof lastArgs[1], "undefined");
      LegacyUnit.equal(lastScope === editor, true);
    });

    suite.test('addQueryStateHandler', function (editor) {
      var scope = {}, lastScope, currentState;

      var callback = function () {
        // eslint-disable-next-line
        lastScope = this;
        return currentState;
      };

      editor.addQueryStateHandler("CustomCommand1", callback, scope);
      editor.addQueryStateHandler("CustomCommand2", callback);

      currentState = false;
      LegacyUnit.equal(editor.queryCommandState("CustomCommand1"), false);
      LegacyUnit.equal(lastScope === scope, true, "Scope is not custom scope");

      currentState = true;
      LegacyUnit.equal(editor.queryCommandState("CustomCommand2"), true);
      LegacyUnit.equal(lastScope === editor, true, "Scope is not editor");
    });

    suite.test('Block script execution', function (editor) {
      editor.setContent('<script></script><script type="x"></script><script type="mce-x"></script><p>x</p>');
      LegacyUnit.equal(
        HtmlUtils.cleanHtml(editor.getBody().innerHTML),
        '<script type="mce-no/type"></script>' +
        '<script type="mce-x"></script>' +
        '<script type="mce-x"></script>' +
        '<p>x</p>'
      );
      LegacyUnit.equal(
        editor.getContent(),
        '<script></script>' +
        '<script type="x"></script>' +
        '<script type="x"></script>' +
        '<p>x</p>'
      );
    });

    suite.test('addQueryValueHandler', function (editor) {
      var scope = {}, lastScope, currentValue;

      var callback = function () {
        // eslint-disable-next-line
        lastScope = this;
        return currentValue;
      };

      editor.addQueryValueHandler("CustomCommand1", callback, scope);
      editor.addQueryValueHandler("CustomCommand2", callback);

      currentValue = "a";
      LegacyUnit.equal(editor.queryCommandValue("CustomCommand1"), "a");
      LegacyUnit.equal(lastScope === scope, true, "Scope is not custom scope");

      currentValue = "b";
      LegacyUnit.equal(editor.queryCommandValue("CustomCommand2"), "b", true);
      LegacyUnit.equal(lastScope === editor, true, "Scope is not editor");
    });

    suite.test('setDirty/isDirty', function (editor) {
      var lastArgs = null;

      editor.on('dirty', function (e) {
        lastArgs = e;
      });

      editor.setDirty(false);
      LegacyUnit.equal(lastArgs, null);
      LegacyUnit.equal(editor.isDirty(), false);

      editor.setDirty(true);
      LegacyUnit.equal(lastArgs.type, 'dirty');
      LegacyUnit.equal(editor.isDirty(), true);

      lastArgs = null;
      editor.setDirty(true);
      LegacyUnit.equal(lastArgs, null);
      LegacyUnit.equal(editor.isDirty(), true);

      editor.setDirty(false);
      LegacyUnit.equal(lastArgs, null);
      LegacyUnit.equal(editor.isDirty(), false);
    });

    suite.test('setMode', function (editor) {
      var clickCount = 0;

      editor.on('click', function () {
        clickCount++;
      });

      editor.dom.fire(editor.getBody(), 'click');
      LegacyUnit.equal(clickCount, 1);

      editor.setMode('readonly');
      LegacyUnit.equal(editor.theme.panel.find('button:last')[2].disabled(), true);
      editor.dom.fire(editor.getBody(), 'click');
      LegacyUnit.equal(clickCount, 1);

      editor.setMode('design');
      editor.dom.fire(editor.getBody(), 'click');
      LegacyUnit.equal(editor.theme.panel.find('button:last')[2].disabled(), false);
      LegacyUnit.equal(clickCount, 2);
    });

    suite.test('translate', function (editor) {
      EditorManager.addI18n('en_US', {
        'input i18n': 'output i18n',
        "value:{0}{1}": "value translation:{0}{1}"
      });

      LegacyUnit.equal(editor.translate('input i18n'), 'output i18n');
      LegacyUnit.equal(editor.translate(["value:{0}{1}", "a", "b"]), "value translation:ab");
    });

    suite.test('Treat some paragraphs as empty contents', function (editor) {
      editor.setContent('<p><br /></p>');
      LegacyUnit.equal(editor.getContent(), '');

      editor.setContent('<p>\u00a0</p>');
      LegacyUnit.equal(editor.getContent(), '');
    });

    suite.test('kamer word boundaries', function (editor) {
      editor.setContent('<p>!\u200b!\u200b!</p>');
      LegacyUnit.equal(editor.getContent(), '<p>!\u200b!\u200b!</p>');
    });

    suite.test('Padd empty elements with br', function (editor) {
      editor.settings.padd_empty_with_br = true;
      editor.setContent('<p>a</p><p></p>');
      LegacyUnit.equal(editor.getContent(), '<p>a</p><p><br /></p>');
      delete editor.settings.padd_empty_with_br;
    });

    suite.test('Padd empty elements with br on insert at caret', function (editor) {
      editor.settings.padd_empty_with_br = true;
      editor.setContent('<p>a</p>');
      LegacyUnit.setSelection(editor, 'p', 1);
      editor.insertContent('<p>b</p><p></p>');
      LegacyUnit.equal(editor.getContent(), '<p>a</p><p>b</p><p><br /></p>');
      delete editor.settings.padd_empty_with_br;
    });

    suite.test('Preserve whitespace pre elements', function (editor) {
      editor.setContent('<pre> </pre>');
      LegacyUnit.equal(editor.getContent(), '<pre> </pre>');
    });

    TinyLoader.setup(function (editor, onSuccess, onFailure) {
      Pipeline.async({}, suite.toSteps(editor), function () {
        onSuccess();
      }, onFailure);
    }, {
      selector: "textarea",
      add_unload_trigger: false,
      disable_nodechange: true,
      custom_elements: 'custom1,~custom2',
      extended_valid_elements: 'custom1,custom2,script[*]',
      entities: 'raw',
      indent: false,
      skin_url: '/project/src/skins/lightgray/dist/lightgray'
    }, success, failure);
  }
);
For more information send a message to info at phpclasses dot org.