PHP Classes

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

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

Contents

Class file image Download
asynctest(
  'browser.tinymce.core.EditorUploadTest',
  [
    'ephox.agar.api.Pipeline',
    'ephox.agar.api.Step',
    'ephox.katamari.api.Arr',
    'ephox.mcagar.api.LegacyUnit',
    'ephox.mcagar.api.TinyLoader',
    'global!document',
    'global!setTimeout',
    'tinymce.core.dom.DOMUtils',
    'tinymce.core.Env',
    'tinymce.core.file.Conversions',
    'tinymce.themes.modern.Theme'
  ],
  function (
    Pipeline, Step, Arr, LegacyUnit, TinyLoader, document, setTimeout, DOMUtils, Env, Conversions,
    Theme
  ) {
    var success = arguments[arguments.length - 2];
    var failure = arguments[arguments.length - 1];
    var suite = LegacyUnit.createSuite();

    Theme();

    var testBlobDataUri;

    if (!Env.fileApi) {
      return;
    }

    var 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;
      });
    };

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

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

    var 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('<p><img src="' + uploadedBlobInfo.filename() + '" /></p>', editor.getContent());

      return result;
    };

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

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

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

        LegacyUnit.equal("data:" + blobInfo.blob().type + ";base64," + blobInfo.base64(), testBlobDataUri);
        LegacyUnit.equal(editor.getBody().innerHTML, '<p><img src="' + blobInfo.blobUri() + '"></p>');
        LegacyUnit.equal(
          '<p><img src="data:' + blobInfo.blob().type + ';base64,' + blobInfo.base64() + '" /></p>',
          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) {
        var blobUri = result[0].blobInfo.blobUri();

        editor.uploadImages(function () {
          editor.setContent(imageHtml(blobUri));
          LegacyUnit.strictEqual(hasBlobAsSource(editor.$('img')[0]), false);
          LegacyUnit.strictEqual(editor.getContent(), '<p><img src="file.png" /></p>');
          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) {
        var blobUri = result[0].blobInfo.blobUri();

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

    suite.asyncTest('uploadImages (callback)', function (editor, done) {
      var 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) {
      var 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) {
      var uploadedBlobInfo;

      var assertResult = function (result) {
        LegacyUnit.strictEqual(result[0].status, true);
        LegacyUnit.strictEqual(hasBlobAsSource(result[0].element), true, 'Not a blob url');
        LegacyUnit.equal('<p><img src="' + uploadedBlobInfo.filename() + '" /></p>', 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) {
      var uploadCount = 0, callCount = 0;

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

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

        LegacyUnit.equal(editor.getContent(), '<p><img src="myimage.png" /></p>');
        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++;

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

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

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

      var 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++;

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

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

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

      var 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) {
      var uploadCount = 0;

      var 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) {
      var uploadCount = 0;

      var 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.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('<p><img src="blob:http%3A//host/f8d1e462-8646-485f-87c5-f9bcee5873c6" /></p>', editor.getContent());
    });

    TinyLoader.setup(function (editor, onSuccess, onFailure) {
      var 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 () {
        var 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,
      skin_url: '/project/src/skins/lightgray/dist/lightgray'
    }, success, failure);
  }
);
For more information send a message to info at phpclasses dot org.