OXIESEC PANEL

Name	Size	Modified	Perms
📁 ..	-	02/20/2020 06:14:55 AM	rwxr-xr-x
📄 EditorContentNotInitializedTest.ts	3 KB	02/20/2020 06:13:03 AM	rw-r--r--
📄 EditorContentTest.ts	4.56 KB	02/20/2020 06:13:05 AM	rw-r--r--
📄 EditorContentWsTest.ts	769 bytes	02/20/2020 06:13:04 AM	rw-r--r--
📄 EditorGetContentTextFormatTest.ts	949 bytes	02/20/2020 06:13:05 AM	rw-r--r--
📄 EditorGetContentTreeTest.ts	1.83 KB	02/20/2020 06:13:06 AM	rw-r--r--
📄 EditorResetContentTest.ts	2.51 KB	02/20/2020 06:13:06 AM	rw-r--r--
📄 InsertContentCommandTest.ts	18.76 KB	02/20/2020 06:13:07 AM	rw-r--r--
📄 InsertContentForcedRootFalseTest.ts	1.79 KB	02/20/2020 06:13:07 AM	rw-r--r--
📄 InsertContentTest.ts	8.71 KB	02/20/2020 06:13:08 AM	rw-r--r--
📄 InsertContentWebKitBugs.ts	1.12 KB	02/20/2020 06:13:08 AM	rw-r--r--
📄 InsertListTest.ts	2.52 KB	02/20/2020 06:13:09 AM	rw-r--r--

Editing: InsertContentTest.ts

import { Pipeline } from '@ephox/agar';
import { LegacyUnit, TinyLoader } from '@ephox/mcagar';
import InsertContent from 'tinymce/core/content/InsertContent';
import Theme from 'tinymce/themes/silver/Theme';
import { UnitTest } from '@ephox/bedrock';

UnitTest.asynctest('browser.tinymce.core.content.InsertContentTest', (success, failure) => {
  const suite = LegacyUnit.createSuite();

Theme();

const assertSelection = function (editor, selector, offset) {
    const node = editor.$(selector)[0];
    const rng = editor.selection.getRng();

LegacyUnit.equalDom(rng.startContainer, node.firstChild);
    LegacyUnit.equal(rng.startOffset, offset);
    LegacyUnit.equal(rng.collapsed, true);
  };

suite.test('insertAtCaret - i inside text, converts to em', function (editor) {
 editor.setContent('1234');
 editor.focus();
 LegacyUnit.setSelection(editor, 'p', 2);
 InsertContent.insertAtCaret(editor, 'a');
 LegacyUnit.equal(editor.getContent(), '12a34');
 });

suite.test('insertAtCaret - ul at beginning of li', function (editor) {
 editor.setContent('<ul><li>12</li></ul>');
 editor.focus();
 LegacyUnit.setSelection(editor, 'li', 0);
 InsertContent.insertAtCaret(editor, { content: '<ul><li>a</li></ul>', paste: true });
 LegacyUnit.equal(editor.getContent(), '<ul><li>a</li><li>12</li></ul>');
 assertSelection(editor, 'li:nth-child(2)', 0);
 });

suite.test('insertAtCaret - ul with multiple items at beginning of li', function (editor) {
 editor.setContent('<ul><li>12</li></ul>');
 editor.focus();
 LegacyUnit.setSelection(editor, 'li', 0);
 InsertContent.insertAtCaret(editor, { content: '<ul><li>a</li><li>b</li></ul>', paste: true });
 LegacyUnit.equal(editor.getContent(), '<ul><li>a</li><li>b</li><li>12</li></ul>');
 assertSelection(editor, 'li:nth-child(3)', 0);
 });

suite.test('insertAtCaret - ul at end of li', function (editor) {
 editor.setContent('<ul><li>12</li></ul>');
 editor.focus();
 LegacyUnit.setSelection(editor, 'li', 2);
 InsertContent.insertAtCaret(editor, { content: '<ul><li>a</li></ul>', paste: true });
 LegacyUnit.equal(editor.getContent(), '<ul><li>12</li><li>a</li></ul>');
 assertSelection(editor, 'li:nth-child(2)', 1);
 });

suite.test('insertAtCaret - ul with multiple items at end of li', function (editor) {
 editor.setContent('<ul><li>12</li></ul>');
 editor.focus();
 LegacyUnit.setSelection(editor, 'li', 2);
 InsertContent.insertAtCaret(editor, { content: '<ul><li>a</li><li>b</li><li>c</li></ul>', paste: true });
 LegacyUnit.equal(editor.getContent(), '<ul><li>12</li><li>a</li><li>b</li><li>c</li></ul>');
 assertSelection(editor, 'li:nth-child(4)', 1);
 });

suite.test('insertAtCaret - ul with multiple items in middle of li', function (editor) {
 editor.setContent('<ul><li>12</li></ul>');
 editor.focus();
 LegacyUnit.setSelection(editor, 'li', 1);
 InsertContent.insertAtCaret(editor, { content: '<ul><li>a</li><li>b</li></ul>', paste: true });
 LegacyUnit.equal(editor.getContent(), '<ul><li>1</li><li>a</li><li>b</li><li>2</li></ul>');
 assertSelection(editor, 'li:nth-child(3)', 1);
 });

suite.test('insertAtCaret - ul in middle of li with formatting', function (editor) {
 editor.setContent('<ul><li>12</li></ul>');
 editor.focus();
 LegacyUnit.setSelection(editor, 'strong', 1);
 InsertContent.insertAtCaret(editor, { content: '<ul><li>a</li></ul>', paste: true });
 LegacyUnit.equal(
 editor.getContent(),
 '<ul><li>1</li><li>a</li><li>2</li></ul>'
 );
 assertSelection(editor, 'li:nth-child(2)', 1);
 });

suite.test('insertAtCaret - ul with trailing empty block in middle of li', function (editor) {
 editor.setContent('<ul><li>a</li><li>d</li></ul>');
 editor.focus();
 LegacyUnit.setSelection(editor, 'li:nth-child(1)', 1);
 InsertContent.insertAtCaret(editor, { content: '<ul><li>b</li><li>c</li></ul>\u00a0', paste: true });
 LegacyUnit.equal(
 editor.getContent(),
 '<ul><li>a</li><li>b</li><li>c</li><li>d</li></ul>'
 );
 assertSelection(editor, 'li:nth-child(3)', 1);
 });

suite.test('insertAtCaret - ul at beginning of li with empty end li', function (editor) {
 editor.setContent('<ul><li>12</li></ul>');
 editor.focus();
 LegacyUnit.setSelection(editor, 'li', 0);
 InsertContent.insertAtCaret(editor, { content: '<ul><li>a</li><li></li></ul>', paste: true });
 LegacyUnit.equal(editor.getContent(), '<ul><li>a</li><li>12</li></ul>');
 assertSelection(editor, 'li:nth-child(2)', 0);
 });

suite.test('insertAtCaret - merge inline elements', function (editor) {
 editor.setContent('abc');
 editor.focus();
 LegacyUnit.setSelection(editor, 'em', 1);
 InsertContent.insertAtCaret(editor, { content: '123', merge: true });
 LegacyUnit.equal(editor.getContent(), 'a123bc');
 });

suite.test('insertAtCaret - list into empty table cell with invalid contents #TINY-1231', function (editor) {
 editor.getBody().innerHTML = '<table class="mce-item-table"><tbody><tr><td> </td></tr></tbody></table>';
 editor.focus();
 const rng = editor.dom.createRng();
 rng.setStart(editor.dom.select('td')[0], 0);
 rng.setEnd(editor.dom.select('td')[0], 0);
 editor.selection.setRng(rng);
 InsertContent.insertAtCaret(editor, { content: '<meta http-equiv="content-type" content="text/html; charset=utf-8"><ul><li>a</li></ul>', paste: true });
 LegacyUnit.equal(editor.getBody().innerHTML, '<table class="mce-item-table"><tbody><tr><td><ul><li>a</li></ul></td></tr></tbody></table>');
 assertSelection(editor, 'li', 1);
 });

suite.test('insertAtCaret - empty paragraph pad the empty element with br on insert and nbsp on save', function (editor) {
 editor.setContent('ab');
 editor.focus();
 LegacyUnit.setSelection(editor, 'p', 1);
 InsertContent.insertAtCaret(editor, { content: '', merge: true });
 LegacyUnit.equal(editor.getContent({ format: 'raw' }), 'a b');
 LegacyUnit.equal(editor.getContent(), 'a\u00a0b');
 });

suite.test('insertAtCaret prevent default of beforeSetContent', function (editor) {
    let args;

const handler = function (e) {
 if (e.selection === true) {
 e.preventDefault();
 e.content = '<h1>b</h1>';
 editor.getBody().innerHTML = '<h1>c</h1>';
 }
 };

const collector = function (e) {
      args = e;
    };

editor.on('BeforeSetContent', handler);
    editor.on('SetContent', collector);

editor.setContent('a');
 LegacyUnit.setSelection(editor, 'p', 0);
 InsertContent.insertAtCaret(editor, { content: 'b', paste: true });
 LegacyUnit.equal(editor.getContent(), '<h1>c</h1>');
 LegacyUnit.equal(args.content, '<h1>b</h1>');
 LegacyUnit.equal(args.type, 'setcontent');
 LegacyUnit.equal(args.paste, true);

editor.off('BeforeSetContent', handler);
    editor.on('BeforeSetContent', collector);
  });

suite.test('insertAtCaret - text content at a text node with a trailing nbsp character', function (editor) {
 editor.setContent('abc&nbsp;');
 editor.focus();
 LegacyUnit.setSelection(editor, 'p', 4);
 InsertContent.insertAtCaret(editor, 'd');
 LegacyUnit.equal(editor.getContent(), 'abc d');
 });

suite.test('insertAtCaret - html at a text node with a trailing nbsp character', function (editor) {
 editor.setContent('abc&nbsp;');
 editor.focus();
 LegacyUnit.setSelection(editor, 'p', 4);
 InsertContent.insertAtCaret(editor, 'd');
 LegacyUnit.equal(editor.getContent(), 'abc d');
 });

suite.test('insertAtCaret - text in the middle of a text node with nbsp characters', function (editor) {
 editor.setContent('a&nbsp;c');
 editor.focus();
 LegacyUnit.setSelection(editor, 'p', 2);
 InsertContent.insertAtCaret(editor, 'b');
 LegacyUnit.equal(editor.getContent(), 'a bc');
 });

suite.test('insertAtCaret - html in the middle of a text node with nbsp characters', function (editor) {
 editor.setContent('a&nbsp;c');
 editor.focus();
 LegacyUnit.setSelection(editor, 'p', 2);
 InsertContent.insertAtCaret(editor, 'b');
 LegacyUnit.equal(editor.getContent(), 'a bc');
 });

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,
    base_url: '/project/tinymce/js/tinymce'
  }, success, failure);
});