asynctest(
'browser.tinymce.core.selection.SelectionBookmarkInlineEditorTest',
[
'ephox.agar.api.Assertions',
'ephox.agar.api.Cursors',
'ephox.agar.api.GeneralSteps',
'ephox.agar.api.Logger',
'ephox.agar.api.Pipeline',
'ephox.agar.api.Step',
'ephox.agar.api.Waiter',
'ephox.mcagar.api.TinyLoader',
'ephox.sand.api.PlatformDetection',
'ephox.sugar.api.dom.Hierarchy',
'ephox.sugar.api.node.Element',
'ephox.sugar.api.properties.Html',
'global!document',
'global!window',
'tinymce.core.dom.DOMUtils',
'tinymce.themes.modern.Theme'
],
function (Assertions, Cursors, GeneralSteps, Logger, Pipeline, Step, Waiter, TinyLoader, PlatformDetection, Hierarchy, Element, Html, document, window, DOMUtils, ModernTheme) {
var success = arguments[arguments.length - 2];
var failure = arguments[arguments.length - 1];
ModernTheme();
var testDivId = 'testDiv1234';
var sRemoveTestDiv = Step.sync(function () {
var input = document.querySelector('#' + testDivId);
input.parentNode.removeChild(input);
});
var sAddTestDiv = Step.sync(function () {
var div = document.createElement('div');
div.innerHTML = 'xxx';
div.contentEditable = true;
div.id = testDivId;
document.body.appendChild(div);
});
var sWaitForBookmark = function (editor, startPath, startOffset, endPath, endOffset) {
return Waiter.sTryUntil('wait for selection', Step.sync(function () {
assertBookmark(editor, startPath, startOffset, endPath, endOffset);
}), 100, 3000);
};
var focusDiv = function () {
var input = document.querySelector('#' + testDivId);
input.focus();
};
var setSelection = function (editor, start, soffset, finish, foffset) {
var sc = Hierarchy.follow(Element.fromDom(editor.getBody()), start).getOrDie();
var fc = Hierarchy.follow(Element.fromDom(editor.getBody()), start).getOrDie();
var rng = document.createRange();
rng.setStart(sc.dom(), soffset);
rng.setEnd(fc.dom(), foffset);
editor.selection.setRng(rng);
};
var assertPath = function (label, root, expPath, expOffset, actElement, actOffset) {
var expected = Cursors.calculateOne(root, expPath);
var message = function () {
var actual = Element.fromDom(actElement);
var actPath = Hierarchy.path(root, actual).getOrDie('could not find path to root');
return 'Expected path: ' + JSON.stringify(expPath) + '.\nActual path: ' + JSON.stringify(actPath);
};
Assertions.assertEq('Assert incorrect for ' + label + '.\n' + message(), true, expected.dom() === actElement);
Assertions.assertEq('Offset mismatch for ' + label + ' in :\n' + Html.getOuter(expected), expOffset, actOffset);
};
var assertSelection = function (editor, startPath, soffset, finishPath, foffset) {
var actual = editor.selection.getRng();
var root = Element.fromDom(editor.getBody());
assertPath('start', root, startPath, soffset, actual.startContainer, actual.startOffset);
assertPath('finish', root, finishPath, foffset, actual.endContainer, actual.endOffset);
};
var assertBookmark = function (editor, startPath, soffset, finishPath, foffset) {
var actual = editor.bookmark.getOrDie('no bookmark');
var root = Element.fromDom(editor.getBody());
assertPath('start', root, startPath, soffset, actual.start().dom(), actual.soffset());
assertPath('finish', root, finishPath, foffset, actual.finish().dom(), actual.foffset());
};
TinyLoader.setup(function (editor, onSuccess, onFailure) {
var browser = PlatformDetection.detect().browser;
Pipeline.async({}, browser.isIE() || browser.isEdge() ? [ // On edge and ie it restores on focusout only
sAddTestDiv,
Logger.t('restore even without second nodechange, restores on focusout', Step.sync(function () {
editor.setContent('<p>a</p><p>b</p>');
setSelection(editor, [0, 0], 0, [0, 0], 0);
editor.nodeChanged();
setSelection(editor, [1, 0], 1, [1, 0], 1);
focusDiv();
assertSelection(editor, [0, 0], 0, [0, 0], 0);
})),
Logger.t('restore with second nodechange, restores on focusout', Step.sync(function () {
editor.setContent('<p>a</p><p>b</p>');
setSelection(editor, [0, 0], 0, [0, 0], 0);
editor.nodeChanged();
setSelection(editor, [1, 0], 1, [1, 0], 1);
editor.nodeChanged();
focusDiv();
assertSelection(editor, [1, 0], 1, [1, 0], 1);
})),
sRemoveTestDiv
] : [ // On the other browsers we test for bookmark saved on nodechange, keyup, mouseup and touchend events
Logger.t('assert selection after no nodechanged, should not restore', Step.sync(function () {
editor.setContent('<p>a</p><p>b</p>');
editor.undoManager.add();
// In FireFox blurring the editor adds an undo level that triggers a nodechange that creates a bookmark,
// so by adding an undo level first we keep it from adding a bookmark because the undo manager
// does not add a new undolevel if it is the same as the previous level.
setSelection(editor, [0, 0], 0, [0, 0], 0);
editor.nodeChanged();
setSelection(editor, [1, 0], 1, [1, 0], 1);
assertBookmark(editor, [0, 0], 0, [0, 0], 0);
})),
Logger.t('assert selection after nodechanged, should restore', Step.sync(function () {
editor.setContent('<p>a</p><p>b</p>');
setSelection(editor, [0, 0], 0, [0, 0], 0);
editor.nodeChanged();
setSelection(editor, [1, 0], 1, [1, 0], 1);
editor.nodeChanged();
assertBookmark(editor, [1, 0], 1, [1, 0], 1);
})),
Logger.t('assert selection after keyup, should restore', Step.sync(function () {
editor.setContent('<p>a</p><p>b</p>');
setSelection(editor, [0, 0], 0, [0, 0], 0);
editor.nodeChanged();
setSelection(editor, [1, 0], 1, [1, 0], 1);
editor.fire('keyup', { });
assertBookmark(editor, [1, 0], 1, [1, 0], 1);
})),
Logger.t('assert selection after touchend, should restore', GeneralSteps.sequence([
Step.sync(function () {
editor.setContent('<p>a</p><p>b</p>');
setSelection(editor, [0, 0], 0, [0, 0], 0);
editor.nodeChanged();
setSelection(editor, [1, 0], 1, [1, 0], 1);
editor.fire('mouseup', { });
}),
sWaitForBookmark(editor, [1, 0], 1, [1, 0], 1)
])),
Logger.t('assert selection after touchend, should restore', GeneralSteps.sequence([
Step.sync(function () {
editor.setContent('<p>a</p><p>b</p>');
setSelection(editor, [0, 0], 0, [0, 0], 0);
editor.nodeChanged();
setSelection(editor, [1, 0], 1, [1, 0], 1);
editor.fire('touchend', { });
}),
sWaitForBookmark(editor, [1, 0], 1, [1, 0], 1)
])),
Logger.t('selection with mouseup outside editor body', GeneralSteps.sequence([
Step.sync(function () {
editor.setContent('<p>ab</p>');
setSelection(editor, [0, 0], 0, [0, 0], 1);
DOMUtils.DOM.fire(document, 'mouseup');
}),
sWaitForBookmark(editor, [0, 0], 0, [0, 0], 1)
]))
], onSuccess, onFailure);
}, {
inline: true,
indent: false,
plugins: '',
toolbar: '',
skin_url: '/project/src/skins/lightgray/dist/lightgray'
}, function () {
success();
}, failure);
}
);
|
Download
