asynctest(
'browser.tinymce.plugins.image.ImagePluginTest',
[
'ephox.agar.api.Pipeline',
'ephox.agar.api.GeneralSteps',
'ephox.agar.api.Step',
'ephox.agar.api.Chain',
'ephox.agar.api.Assertions',
'ephox.agar.api.Logger',
'ephox.katamari.api.Arr',
'tinymce.plugins.image.Plugin',
'ephox.mcagar.api.TinyLoader',
'ephox.mcagar.api.TinyApis',
'ephox.mcagar.api.TinyUi',
'tinymce.themes.modern.Theme',
'tinymce.core.file.Conversions'
],
function (Pipeline, GeneralSteps, Step, Chain, Assertions, Logger, Arr, Plugin, TinyLoader, TinyApis, TinyUi, Theme, Conversions) {
var success = arguments[arguments.length - 2];
var failure = arguments[arguments.length - 1];
var src = 'http://moxiecode.cachefly.net/tinymce/v9/images/logo.png';
var b64 = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8/x8AAwMCAO+ip1sAAAAASUVORK5CYII=';
Theme();
Plugin();
TinyLoader.setup(function (editor, onSuccess, onFailure) {
var api = TinyApis(editor);
var ui = TinyUi(editor);
var cPopupToDialog = function (selector) {
return Chain.fromChains([
ui.cWaitForPopup("Locate popup", selector),
Chain.on(function (container, next, die) {
return Arr.find(editor.windowManager.getWindows(), function (win) {
return container.dom().id === win._id;
}).fold(die, function (win) {
next(Chain.wrap(win));
});
})
]);
};
var sAssertImageTab = function (title, isPresent) {
return GeneralSteps.sequence([
ui.sClickOnToolbar("Trigger Image dialog", 'div[aria-label="Insert/edit image"]'),
Chain.asStep({}, [
ui.cWaitForPopup("Wait for Image dialog", 'div[role="dialog"][aria-label="Insert/edit image"]'),
Chain.op(function (container) {
var expected = {};
expected['.mce-tab:contains("' + title + '")'] = isPresent ? 1 : 0;
Assertions.assertPresence("Asserting presence", expected, container);
})
]),
ui.sClickOnUi("Close dialog", 'button:contains("Cancel")')
]);
};
var sTriggerUpload = Step.async(function (next, die) {
Conversions.uriToBlob(b64).then(function (blob) {
Pipeline.async({}, [
Chain.asStep({}, [
cPopupToDialog('div[role="dialog"][aria-label="Insert/edit image"]'),
Chain.op(function (win) {
var browseBtn = win.find('browsebutton')[0];
browseBtn.value = function () {
return blob;
};
browseBtn.fire('change');
})
])
], next, die);
});
});
var sAssertTextValue = function (fieldName, value) {
return Chain.asStep({}, [
cPopupToDialog('div[role="dialog"][aria-label="Insert/edit image"]'),
Chain.op(function (win) {
Assertions.assertEq("Assert field " + src + " value ", value, win.find('#' + fieldName).value());
})
]);
};
Pipeline.async({}, [
Logger.t('Upload tab should not be present without images_upload_url or images_upload_handler', GeneralSteps.sequence([
api.sSetContent('<p><img src="' + src + '" /></p>'),
api.sSelect('img', []),
sAssertImageTab('Upload', false)
])),
Logger.t("Upload tab should be present when images_upload_url is set to some truthy value", GeneralSteps.sequence([
api.sSetContent('<p><img src="' + src + '" /></p>'),
api.sSelect('img', []),
api.sSetSetting('image_advtab', false), // make sure that Advanced tab appears separately
api.sSetSetting('images_upload_url', 'postAcceptor.php'),
sAssertImageTab('Upload', true),
sAssertImageTab('Advanced', false),
api.sSetSetting('image_advtab', true),
api.sDeleteSetting('images_upload_url'),
sAssertImageTab('Upload', false),
sAssertImageTab('Advanced', true)
])),
Logger.t("Upload tab should be present when images_upload_handler is set to some truthy value", GeneralSteps.sequence([
api.sSetContent('<p><img src="' + src + '" /></p>'),
api.sSelect('img', []),
api.sSetSetting('image_advtab', false), // make sure that Advanced tab appears separately
api.sSetSetting('images_upload_handler', function (blobInfo, success) {
return success('file.jpg');
}),
sAssertImageTab('Upload', true),
sAssertImageTab('Advanced', false),
api.sSetSetting('image_advtab', true),
api.sDeleteSetting('images_upload_handler'),
sAssertImageTab('Upload', false),
sAssertImageTab('Advanced', true)
])),
Logger.t("Image uploader test with custom route", GeneralSteps.sequence([
api.sSetContent(''),
api.sSetSetting('images_upload_url', '/custom/imageUpload'),
ui.sClickOnToolbar("Trigger Image dialog", 'div[aria-label="Insert/edit image"]'),
ui.sWaitForPopup("Wait for Image dialog", 'div[role="dialog"][aria-label="Insert/edit image"]'),
ui.sClickOnUi("Switch to Upload tab", '.mce-tab:contains("Upload")'),
sTriggerUpload,
ui.sWaitForUi("Wait for General tab to activate", '.mce-tab.mce-active:contains("General")'),
sAssertTextValue('src', 'uploaded_image.jpg'),
api.sDeleteSetting('images_upload_url'),
ui.sClickOnUi("Close dialog", 'button:contains("Cancel")')
])),
Logger.t("Image uploader test with images_upload_handler", GeneralSteps.sequence([
api.sSetContent(''),
api.sSetSetting('images_upload_handler', function (blobInfo, success) {
return success('file.jpg');
}),
ui.sClickOnToolbar("Trigger Image dialog", 'div[aria-label="Insert/edit image"]'),
ui.sWaitForPopup("Wait for Image dialog", 'div[role="dialog"][aria-label="Insert/edit image"]'),
ui.sClickOnUi("Switch to Upload tab", '.mce-tab:contains("Upload")'),
sTriggerUpload,
ui.sWaitForUi("Wait for General tab to activate", '.mce-tab.mce-active:contains("General")'),
sAssertTextValue('src', 'file.jpg'),
ui.sClickOnUi("Close dialog", 'button:contains("Cancel")')
])),
Logger.t("Test that we get full base64 string in images_upload_handler", GeneralSteps.sequence([
api.sSetContent(''),
api.sSetSetting('images_upload_handler', function (blobInfo, success) {
return success(blobInfo.base64());
}),
ui.sClickOnToolbar("Trigger Image dialog", 'div[aria-label="Insert/edit image"]'),
ui.sWaitForPopup("Wait for Image dialog", 'div[role="dialog"][aria-label="Insert/edit image"]'),
ui.sClickOnUi("Switch to Upload tab", '.mce-tab:contains("Upload")'),
sTriggerUpload,
ui.sWaitForUi("Wait for General tab to activate", '.mce-tab.mce-active:contains("General")'),
sAssertTextValue('src', b64.split(',')[1]),
ui.sClickOnUi("Close dialog", 'button:contains("Cancel")')
]))
], onSuccess, onFailure);
}, {
plugins: 'image',
indent: false,
skin_url: '/project/src/skins/lightgray/dist/lightgray'
}, success, failure);
}
);
|
Download
