import { Assertions, GeneralSteps, Logger, Pipeline, Step } from '@ephox/agar'; import { Arr } from '@ephox/katamari'; import { TinyApis, TinyLoader } from '@ephox/mcagar'; import { Remove, Replication, Element, Attr, Html, SelectorFilter } from '@ephox/sugar'; import TableDelete from 'tinymce/core/delete/TableDelete'; import ModernTheme from 'tinymce/themes/modern/Theme'; import { UnitTest } from '@ephox/bedrock'; UnitTest.asynctest('browser.tinymce.core.delete.TableDeleteTest', function () { const success = arguments[arguments.length - 2]; const failure = arguments[arguments.length - 1]; ModernTheme(); const sAssertRawNormalizedContent = function (editor, expectedContent) { return Step.sync(function () { const element = Replication.deep(Element.fromDom(editor.getBody())); // Remove internal selection dom items Arr.each(SelectorFilter.descendants(element, '*[data-mce-bogus="all"]'), Remove.remove); Arr.each(SelectorFilter.descendants(element, '*'), function (elm) { Attr.remove(elm, 'data-mce-selected'); }); Assertions.assertHtml('Should be expected contents', expectedContent, Html.get(element)); }); }; const sDelete = function (editor) { return Step.sync(function () { const returnVal = TableDelete.backspaceDelete(editor, true); Assertions.assertEq('Should return true since the operation should have done something', true, returnVal); }); }; const sBackspace = function (editor) { return Step.sync(function () { const returnVal = TableDelete.backspaceDelete(editor, false); Assertions.assertEq('Should return true since the operation should have done something', true, returnVal); }); }; const sDeleteNoop = function (editor) { return Step.sync(function () { const returnVal = TableDelete.backspaceDelete(editor, true); Assertions.assertEq('Should return false since the operation is a noop', false, returnVal); }); }; const sBackspaceNoop = function (editor) { return Step.sync(function () { const returnVal = TableDelete.backspaceDelete(editor, false); Assertions.assertEq('Should return false since the operation is a noop', false, returnVal); }); }; TinyLoader.setup(function (editor, onSuccess, onFailure) { const tinyApis = TinyApis(editor); Pipeline.async({}, [ tinyApis.sFocus, Logger.t('Delete selected cells or cell ranges', GeneralSteps.sequence([ Logger.t('Collapsed range should be noop', GeneralSteps.sequence([ tinyApis.sSetContent('
ab
'), tinyApis.sSetCursor([0, 0, 0, 0, 0], 0), sDeleteNoop(editor), tinyApis.sAssertContent('
ab
'), tinyApis.sAssertSelection([0, 0, 0, 0, 0], 0, [0, 0, 0, 0, 0], 0) ])), Logger.t('Range in only one cell should be noop', GeneralSteps.sequence([ tinyApis.sSetContent('
ab
'), tinyApis.sSetSelection([0, 0, 0, 0, 0], 0, [0, 0, 0, 0, 0], 1), sDeleteNoop(editor), tinyApis.sAssertContent('
ab
'), tinyApis.sAssertSelection([0, 0, 0, 0, 0], 0, [0, 0, 0, 0, 0], 1) ])), Logger.t('Select all content in all cells removes table', GeneralSteps.sequence([ tinyApis.sSetContent('
ab
'), tinyApis.sSetSelection([0, 0, 0, 0, 0], 0, [0, 0, 0, 1, 0], 1), sDelete(editor), tinyApis.sAssertContent('') ])), Logger.t('Select some cells should empty cells', GeneralSteps.sequence([ tinyApis.sSetContent('
abc
'), tinyApis.sSetSelection([0, 0, 0, 0, 0], 0, [0, 0, 0, 1, 0], 1), sDelete(editor), tinyApis.sAssertContent('
  c
') ])), Logger.t('Select some cells between rows should empty cells', GeneralSteps.sequence([ tinyApis.sSetContent('
abc
def
'), tinyApis.sSetSelection([0, 0, 0, 1, 0], 0, [0, 0, 1, 0, 0], 1), sDelete(editor), tinyApis.sAssertContent('
a  
 ef
'), tinyApis.sAssertSelection([0, 0, 0, 1], 0, [0, 0, 0, 1], 0) ])), Logger.t('delete weird selection with only tds', GeneralSteps.sequence([ tinyApis.sSetContent('
abc
def
'), tinyApis.sSetSelection([0, 0, 0, 1, 0], 0, [0, 0, 0, 1, 0], 1), sDelete(editor), tinyApis.sAssertContent('
a c
d f
') ])), Logger.t('delete weird selection with th', GeneralSteps.sequence([ tinyApis.sSetContent('
abc
def
'), tinyApis.sSetSelection([0, 0, 0, 1, 0], 0, [0, 0, 0, 1, 0], 1), sDelete(editor), tinyApis.sAssertContent('
a c
d f
') ])), Logger.t('Delete and empty cells', GeneralSteps.sequence([ Logger.t('delete weird selection with th', GeneralSteps.sequence([ tinyApis.sSetRawContent('


'), tinyApis.sSetSelection([0, 0, 0, 0, 0], 0, [0, 0, 0, 0, 0], 0), sDelete(editor), sAssertRawNormalizedContent(editor, '

') ])) ])) ])), Logger.t('Delete between cells as caret', GeneralSteps.sequence([ Logger.t('Delete between cells as a caret', GeneralSteps.sequence([ tinyApis.sSetContent('
ab
'), tinyApis.sSetSelection([0, 0, 0, 0, 0], 1, [0, 0, 0, 0, 0], 1), sDelete(editor), tinyApis.sAssertContent('
ab
') ])), Logger.t('Backspace between cells as a caret', GeneralSteps.sequence([ tinyApis.sSetContent('
ab
'), tinyApis.sSetSelection([0, 0, 0, 1, 0], 0, [0, 0, 0, 1, 0], 0), sBackspace(editor), tinyApis.sAssertContent('
ab
') ])), Logger.t('Delete in middle of contents in cells as a caret', GeneralSteps.sequence([ tinyApis.sSetContent('
ab
'), tinyApis.sSetSelection([0, 0, 0, 0, 0], 0, [0, 0, 0, 0, 0], 0), sDeleteNoop(editor), tinyApis.sAssertContent('
ab
') ])), Logger.t('Backspace in middle of contents in cells as a caret', GeneralSteps.sequence([ tinyApis.sSetContent('
ab
'), tinyApis.sSetSelection([0, 0, 0, 1, 0], 1, [0, 0, 0, 1, 0], 1), sBackspaceNoop(editor), tinyApis.sAssertContent('
ab
') ])) ])), Logger.t('Delete inside table caption', GeneralSteps.sequence([ Logger.t('Simulate result of the triple click (selection beyond caption)', GeneralSteps.sequence([ tinyApis.sSetContent('
abc
a
'), tinyApis.sSetSelection([0, 0, 0], 0, [0, 1, 0, 0], 0), sDelete(editor), sAssertRawNormalizedContent(editor, '

a
') ])), Logger.t('Deletion at the left edge', GeneralSteps.sequence([ tinyApis.sSetContent('
abc
a
'), tinyApis.sSetCursor([0, 0, 0], 0), sBackspace(editor), tinyApis.sAssertContent('
abc
a
') ])), Logger.t('Deletion at the right edge', GeneralSteps.sequence([ tinyApis.sSetContent('
abc
a
'), tinyApis.sSetCursor([0, 0, 0], 3), sDelete(editor), tinyApis.sAssertContent('
abc
a
') ])), Logger.t('Backspace at last character positon', GeneralSteps.sequence([ tinyApis.sSetContent('
a
a
'), tinyApis.sSetCursor([0, 0, 0], 1), sBackspace(editor), sAssertRawNormalizedContent(editor, '

a
') ])), Logger.t('Delete at last character positon', GeneralSteps.sequence([ tinyApis.sSetContent('
a
a
'), tinyApis.sSetCursor([0, 0, 0], 0), sDelete(editor), sAssertRawNormalizedContent(editor, '

a
') ])), Logger.t('Backspace at character positon in middle of caption', GeneralSteps.sequence([ tinyApis.sSetContent('
ab
a
'), tinyApis.sSetCursor([0, 0, 0], 1), sBackspaceNoop(editor) ])), Logger.t('Delete at character positon in middle of caption', GeneralSteps.sequence([ tinyApis.sSetContent('
ab
a
'), tinyApis.sSetCursor([0, 0, 0], 1), sDeleteNoop(editor) ])), Logger.t('Caret in caption with blocks', GeneralSteps.sequence([ tinyApis.sSetContent('

abc

a
'), tinyApis.sSetCursor([0, 0, 0, 0], 1), sDeleteNoop(editor) ])), Logger.t('Debris like empty nodes and brs constitute an empty caption', GeneralSteps.sequence([ tinyApis.sSetContent('



a
'), tinyApis.sSetCursor([0, 0], 0), sDelete(editor), sAssertRawNormalizedContent(editor, '

a
') ])) ])), Logger.t('Delete partially selected tables', GeneralSteps.sequence([ Logger.t('Delete from before table into table', GeneralSteps.sequence([ tinyApis.sSetContent('

a

ab
'), tinyApis.sSetSelection([0, 0], 0, [1, 0, 0, 0, 0], 1), sDelete(editor), tinyApis.sAssertSelection([1, 0, 0, 0], 0, [1, 0, 0, 0], 0), tinyApis.sAssertContent('

a

 b
') ])), Logger.t('Delete from after table into table', GeneralSteps.sequence([ tinyApis.sSetContent('
ab

a

'), tinyApis.sSetSelection([0, 0, 0, 1, 0], 1, [1, 0], 1), sDelete(editor), tinyApis.sAssertSelection([0, 0, 0, 1], 0, [0, 0, 0, 1], 0), tinyApis.sAssertContent('
a 

a

') ])), Logger.t('Delete from one table into another table', GeneralSteps.sequence([ tinyApis.sSetContent('
ab
cd
'), tinyApis.sSetSelection([0, 0, 0, 1, 0], 1, [1, 0, 0, 0, 0], 1), sDelete(editor), tinyApis.sAssertSelection([0, 0, 0, 1], 0, [0, 0, 0, 1], 0), tinyApis.sAssertContent('
a 
cd
') ])) ])), ], onSuccess, onFailure); }, { indent: false, skin_url: '/project/js/tinymce/skins/lightgray' }, success, failure); });