OXIESEC PANEL

Name	Size	Modified	Perms
📁 ..	-	02/20/2020 06:15:06 AM	rwxr-xr-x
📄 AddOnManagerTest.ts	2.71 KB	02/20/2020 05:44:53 AM	rw-r--r--
📄 ClickContentEditableFalseTest.ts	3.13 KB	02/20/2020 05:44:53 AM	rw-r--r--
📄 DragDropOverridesTest.ts	1.55 KB	02/20/2020 05:44:54 AM	rw-r--r--
📄 EditorForcedSettingsTest.ts	904 bytes	02/20/2020 05:44:54 AM	rw-r--r--
📄 EditorManagerTest.ts	7.41 KB	02/20/2020 05:44:55 AM	rw-r--r--
📄 EditorRemoveTest.ts	2.58 KB	02/20/2020 05:44:56 AM	rw-r--r--
📄 EditorRemovedApiTest.ts	2.98 KB	02/20/2020 05:44:55 AM	rw-r--r--
📄 EditorRtlTest.ts	1.39 KB	02/20/2020 05:44:56 AM	rw-r--r--
📄 EditorSettingsTest.ts	14.57 KB	02/20/2020 05:44:57 AM	rw-r--r--
📄 EditorTest.ts	15.89 KB	02/20/2020 05:44:57 AM	rw-r--r--
📄 EditorUploadTest.ts	11.16 KB	02/20/2020 05:44:58 AM	rw-r--r--
📄 EditorViewIframeTest.ts	3.35 KB	02/20/2020 05:44:58 AM	rw-r--r--
📄 EditorViewInlineTest.ts	3.25 KB	02/20/2020 05:44:59 AM	rw-r--r--
📄 FontSelectTest.ts	4.79 KB	02/20/2020 05:44:59 AM	rw-r--r--
📄 ForceBlocksTest.ts	4.89 KB	02/20/2020 05:45:00 AM	rw-r--r--
📄 FormatterApplyTest.ts	83.91 KB	02/20/2020 05:45:00 AM	rw-r--r--
📄 FormatterCheckTest.ts	10.05 KB	02/20/2020 05:45:01 AM	rw-r--r--
📄 FormatterRemoveTest.ts	24.06 KB	02/20/2020 05:45:01 AM	rw-r--r--
📄 FormattingCommandsTest.ts	19.5 KB	02/20/2020 05:45:02 AM	rw-r--r--
📄 InlineEditorRemoveTest.ts	1.17 KB	02/20/2020 05:45:03 AM	rw-r--r--
📄 InlineEditorSaveTest.ts	1.19 KB	02/20/2020 05:45:03 AM	rw-r--r--
📄 JqueryIntegrationTest.disabled	4.5 KB	02/20/2020 05:45:04 AM	rw-r--r--
📄 MiscCommandsTest.ts	3.61 KB	02/20/2020 05:45:05 AM	rw-r--r--
📄 ModeTest.ts	4.18 KB	02/20/2020 05:45:05 AM	rw-r--r--
📄 NotificationManagerTest.ts	4.01 KB	02/20/2020 05:45:06 AM	rw-r--r--
📄 SelectionOverridesTest.ts	10.48 KB	02/20/2020 05:45:06 AM	rw-r--r--
📄 ShortcutsTest.ts	3.67 KB	02/20/2020 05:45:07 AM	rw-r--r--
📄 UndoManagerTest.ts	14.65 KB	02/20/2020 05:45:07 AM	rw-r--r--
📄 WindowManagerTest.ts	1.29 KB	02/20/2020 05:45:08 AM	rw-r--r--
📁 annotate	-	02/20/2020 06:12:41 AM	rwxr-xr-x
📁 api	-	02/20/2020 06:34:15 AM	rwxr-xr-x
📁 bookmark	-	02/20/2020 06:12:48 AM	rwxr-xr-x
📁 caret	-	02/20/2020 06:12:58 AM	rwxr-xr-x
📁 commands	-	02/20/2020 06:13:03 AM	rwxr-xr-x
📁 content	-	02/20/2020 06:13:08 AM	rwxr-xr-x
📁 delete	-	02/20/2020 06:13:20 AM	rwxr-xr-x
📁 dom	-	02/20/2020 06:13:35 AM	rwxr-xr-x
📁 file	-	02/20/2020 06:13:40 AM	rwxr-xr-x
📁 fmt	-	02/20/2020 06:13:49 AM	rwxr-xr-x
📁 focus	-	02/20/2020 06:13:55 AM	rwxr-xr-x
📁 geom	-	02/20/2020 06:13:59 AM	rwxr-xr-x
📁 html	-	02/20/2020 06:14:06 AM	rwxr-xr-x
📁 init	-	02/20/2020 06:14:16 AM	rwxr-xr-x
📁 keyboard	-	02/20/2020 06:14:32 AM	rwxr-xr-x
📁 newline	-	02/20/2020 06:14:36 AM	rwxr-xr-x
📁 selection	-	02/20/2020 06:14:47 AM	rwxr-xr-x
📁 undo	-	02/20/2020 06:14:53 AM	rwxr-xr-x
📁 util	-	02/20/2020 06:15:03 AM	rwxr-xr-x

Editing: EditorUploadTest.ts

import { Pipeline, Step } from '@ephox/agar';
import { UnitTest } from '@ephox/bedrock';
import { document } from '@ephox/dom-globals';
import { Arr, Fun } from '@ephox/katamari';
import { LegacyUnit, TinyLoader } from '@ephox/mcagar';
import DOMUtils from 'tinymce/core/api/dom/DOMUtils';
import Env from 'tinymce/core/api/Env';
import Conversions from 'tinymce/core/file/Conversions';
import Theme from 'tinymce/themes/silver/Theme';
import Delay from 'tinymce/core/api/util/Delay';
import Editor from 'tinymce/core/api/Editor';

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

Theme();

let testBlobDataUri;

if (!Env.fileApi) {
    return;
  }

const teardown = function (editor) {
    return Step.sync(function () {
      editor.editorUpload.destroy();
      editor.settings.automatic_uploads = false;
      delete editor.settings.images_replace_blob_uris;
      delete editor.settings.images_dataimg_filter;
    });
  };

const appendTeardown = function (editor, steps) {
    return Arr.bind(steps, function (step) {
      return [step, teardown(editor)];
    });
  };

const imageHtml = function (uri) {
    return DOMUtils.DOM.createHTML('img', { src: uri });
  };

const assertResult = function (editor, uploadedBlobInfo, result) {
 LegacyUnit.strictEqual(result.length, 1);
 LegacyUnit.strictEqual(result[0].status, true);
 LegacyUnit.strictEqual(result[0].element.src.indexOf(uploadedBlobInfo.id() + '.png') !== -1, true);
 LegacyUnit.equal('<img src="' + uploadedBlobInfo.filename() + '" />', editor.getContent());

return result;
  };

const hasBlobAsSource = function (elm) {
    return elm.src.indexOf('blob:') === 0;
  };

suite.asyncTest('_scanForImages', function (editor: Editor, done, fail) {
    editor.setContent(imageHtml(testBlobDataUri));

editor._scanForImages().then(function (result) {
      const blobInfo = result[0].blobInfo;

LegacyUnit.equal('data:' + blobInfo.blob().type + ';base64,' + blobInfo.base64(), testBlobDataUri);
 LegacyUnit.equal(editor.getBody().innerHTML, '<img src="' + blobInfo.blobUri() + '">');
 LegacyUnit.equal(
 '<img src="data:' + blobInfo.blob().type + ';base64,' + blobInfo.base64() + '" />',
 editor.getContent()
 );
 LegacyUnit.strictEqual(editor.editorUpload.blobCache.get(blobInfo.id()), blobInfo);
 }).then(done).catch(fail);
 });

suite.asyncTest('replace uploaded blob uri with result uri (copy/paste of an uploaded blob uri)', function (editor, done) {
    editor.setContent(imageHtml(testBlobDataUri));

editor.settings.images_upload_handler = function (data, success) {
      success('file.png');
    };

editor._scanForImages().then(function (result) {
      const blobUri = result[0].blobInfo.blobUri();

editor.uploadImages(function () {
 editor.setContent(imageHtml(blobUri));
 LegacyUnit.strictEqual(hasBlobAsSource(editor.$('img')[0]), false);
 LegacyUnit.strictEqual(editor.getContent(), '<img src="file.png" />');
 done();
 });
 });
 });

suite.asyncTest(
  'don\'t replace uploaded blob uri with result uri (copy/paste of' +
  ' an uploaded blob uri) since blob uris are retained',
  function (editor, done) {
    editor.settings.images_replace_blob_uris = false;
    editor.setContent(imageHtml(testBlobDataUri));

editor.settings.images_upload_handler = function (data, success) {
      success('file.png');
    };

editor._scanForImages().then(function (result) {
      const blobUri = result[0].blobInfo.blobUri();

editor.uploadImages(function () {
 editor.setContent(imageHtml(blobUri));
 LegacyUnit.strictEqual(hasBlobAsSource(editor.$('img')[0]), true);
 LegacyUnit.strictEqual(editor.getContent(), '<img src="file.png" />');
 done();
 });
 });
 });

suite.asyncTest('uploadImages (callback)', function (editor, done) {
    let uploadedBlobInfo;

editor.setContent(imageHtml(testBlobDataUri));

editor.settings.images_upload_handler = function (data, success) {
      uploadedBlobInfo = data;
      success(data.id() + '.png');
    };

editor.uploadImages(function (result) {
      assertResult(editor, uploadedBlobInfo, result);

editor.uploadImages(function (result) {
        LegacyUnit.strictEqual(result.length, 0);
        done();
      });
    });
  });

suite.asyncTest('uploadImages (promise)', function (editor, done) {
    let uploadedBlobInfo;

editor.setContent(imageHtml(testBlobDataUri));

editor.settings.images_upload_handler = function (data, success) {
      uploadedBlobInfo = data;
      success(data.id() + '.png');
    };

editor.uploadImages().then(function (result) {
      assertResult(editor, uploadedBlobInfo, result);
    }).then(function () {
      uploadedBlobInfo = null;

return editor.uploadImages().then(function (result) {
        LegacyUnit.strictEqual(result.length, 0);
        LegacyUnit.strictEqual(uploadedBlobInfo, null);
        done();
      });
    });
  });

suite.asyncTest('uploadImages retain blob urls after upload', function (editor, done) {
    let uploadedBlobInfo;

const assertResult = function (result) {
 LegacyUnit.strictEqual(result[0].status, true);
 LegacyUnit.strictEqual(hasBlobAsSource(result[0].element), true, 'Not a blob url');
 LegacyUnit.equal('<img src="' + uploadedBlobInfo.filename() + '" />', editor.getContent());

return result;
    };

editor.setContent(imageHtml(testBlobDataUri));

editor.settings.images_replace_blob_uris = false;
    editor.settings.images_upload_handler = function (data, success) {
      uploadedBlobInfo = data;
      success(data.id() + '.png');
    };

editor.uploadImages(assertResult).then(assertResult).then(function () {
      uploadedBlobInfo = null;

return editor.uploadImages(function () {}).then(function (result) {
        LegacyUnit.strictEqual(result.length, 0);
        LegacyUnit.strictEqual(uploadedBlobInfo, null);
      });
    }).then(done);
  });

suite.asyncTest('uploadConcurrentImages', function (editor, done) {
    let uploadCount = 0, callCount = 0;

const uploadDone = function (result) {
      callCount++;

if (callCount === 2) {
        done();
        LegacyUnit.equal(uploadCount, 1, 'Should only be one upload.');
      }

LegacyUnit.equal(editor.getContent(), '<img src="myimage.png" />');
 LegacyUnit.equalDom(result[0].element, editor.$('img')[0]);
 LegacyUnit.equal(result[0].status, true);
 };

editor.setContent(imageHtml(testBlobDataUri));

editor.settings.images_upload_handler = function (data, success) {
      uploadCount++;

Delay.setTimeout(function () {
        success('myimage.png');
      }, 0);
    };

editor.uploadImages(uploadDone);
    editor.uploadImages(uploadDone);
  });

suite.asyncTest('uploadConcurrentImages (fail)', function (editor, done) {
    let uploadCount = 0, callCount = 0;

const uploadDone = function (result) {
      callCount++;

if (callCount === 2) {
        done();
        // This is in exact since the status of the image can be pending or failed meaing it should try again
        LegacyUnit.equal(uploadCount >= 1, true, 'Should at least be one.');
      }

LegacyUnit.equalDom(result[0].element, editor.$('img')[0]);
      LegacyUnit.equal(result[0].status, false);
    };

editor.setContent(imageHtml(testBlobDataUri));

editor.settings.images_upload_handler = function (data, success, failure) {
      uploadCount++;

Delay.setTimeout(function () {
        failure('Error');
      }, 0);
    };

editor.uploadImages(uploadDone);
    editor.uploadImages(uploadDone);
  });

suite.asyncTest('Don\'t upload transparent image', function (editor, done) {
    let uploadCount = 0;

const uploadDone = function () {
      done();
      LegacyUnit.equal(uploadCount, 0, 'Should not upload.');
    };

editor.setContent(imageHtml(Env.transparentSrc));

editor.settings.images_upload_handler = function (data, success) {
      uploadCount++;
      success('url');
    };

editor.uploadImages(uploadDone);
  });

suite.asyncTest('Don\'t upload bogus image', function (editor, done) {
    let uploadCount = 0;

const uploadDone = function () {
      done();
      LegacyUnit.equal(uploadCount, 0, 'Should not upload.');
    };

editor.getBody().innerHTML = '<img src="' + testBlobDataUri + '" data-mce-bogus="1">';

editor.settings.images_upload_handler = function (data, success) {
      uploadCount++;
      success('url');
    };

editor.uploadImages(uploadDone);
  });

suite.asyncTest('Don\'t upload filtered image', function (editor, done) {
    let uploadCount = 0;

const uploadDone = function () {
      done();
      LegacyUnit.equal(uploadCount, 0, 'Should not upload.');
    };

editor.getBody().innerHTML = (
 '<img src="' + testBlobDataUri + '" data-skip="1">'
 );

editor.settings.images_dataimg_filter = function (img) {
      return !img.hasAttribute('data-skip');
    };

editor.settings.images_upload_handler = function (data, success) {
      uploadCount++;
      success('url');
    };

editor.uploadImages(uploadDone);
  });

suite.asyncTest('Don\'t upload api filtered image', function (editor, done) {
    let uploadCount = 0, filterCount = 0;

const uploadDone = function () {
      LegacyUnit.equal(uploadCount, 0, 'Should not upload.');
      LegacyUnit.equal(filterCount, 1, 'Should have filtered one item.');
      done();
    };

editor.getBody().innerHTML = (
 '<img src="' + testBlobDataUri + '" data-skip="1">'
 );

editor.settings.images_dataimg_filter = Fun.constant(true);
    editor.editorUpload.addFilter((img) => {
      filterCount++;
      return !img.hasAttribute('data-skip');
    });

editor.settings.images_upload_handler = function (data, success) {
      uploadCount++;
      success('url');
    };

editor.uploadImages(uploadDone);
  });

suite.test('Retain blobs not in blob cache', function (editor) {
 editor.getBody().innerHTML = '<img src="blob:http%3A//host/f8d1e462-8646-485f-87c5-f9bcee5873c6">';
 LegacyUnit.equal('<img src="blob:http%3A//host/f8d1e462-8646-485f-87c5-f9bcee5873c6" />', editor.getContent());
 });

TinyLoader.setup(function (editor, onSuccess, onFailure) {
    let canvas, context;

canvas = document.createElement('canvas');
    canvas.width = 320;
    canvas.height = 200;

context = canvas.getContext('2d');
    context.fillStyle = '#ff0000';
    context.fillRect(0, 0, 160, 100);
    context.fillStyle = '#00ff00';
    context.fillRect(160, 0, 160, 100);
    context.fillStyle = '#0000ff';
    context.fillRect(0, 100, 160, 100);
    context.fillStyle = '#ff00ff';
    context.fillRect(160, 100, 160, 100);

testBlobDataUri = canvas.toDataURL();

Conversions.uriToBlob(testBlobDataUri).then(function () {
      const steps = appendTeardown(editor, suite.toSteps(editor));
      Pipeline.async({}, steps, onSuccess, onFailure);
    });
  }, {
    selector: 'textarea',
    add_unload_trigger: false,
    disable_nodechange: true,
    automatic_uploads: false,
    entities: 'raw',
    indent: false,
    base_url: '/project/tinymce/js/tinymce'
  }, success, failure);
});