1#@!#!123s

: / home / shubmkcj / urbane.createerp.com / plugins / tinymce / themes / inlite / src / test / js / browser /
Filename : ThemeTest.js
back
asynctest('browser/core/ThemeTest', [
	'ephox.mcagar.api.TinyLoader',
	'ephox.mcagar.api.TinyApis',
	'ephox.mcagar.api.TinyActions',
	'ephox.mcagar.api.TinyDom',
	'tinymce/inlite/Theme',
	'ephox.agar.api.Pipeline',
	'ephox.agar.api.Chain',
	'ephox.agar.api.UiFinder',
	'ephox.agar.api.Mouse',
	'ephox.agar.api.GeneralSteps',
	'ephox.agar.api.UiControls',
	'ephox.agar.api.FocusTools'
], function (TinyLoader, TinyApis, TinyActions, TinyDom, Theme, Pipeline, Chain, UiFinder, Mouse, GeneralSteps, UiControls, FocusTools) {
	var success = arguments[arguments.length - 2];
	var failure = arguments[arguments.length - 1];
	var dialogRoot = TinyDom.fromDom(document.body);

	var cWaitForContextToolbar = Chain.fromChainsWith(dialogRoot, [
		UiFinder.cWaitForState('label', '.mce-tinymce-inline', function (elm) {
			return elm.dom().style.display === "";
		})
	]);

	var cClickToolbarButton = function (ariaLabel) {
		return Chain.fromChains([
			UiFinder.cFindIn('div[aria-label="' + ariaLabel + '"]'),
			Mouse.cTrueClick
		]);
	};

	var sClickFocusedButton = Chain.asStep(TinyDom.fromDom(document), [
		FocusTools.cGetFocused,
		Mouse.cTrueClick
	]);

	var sClickContextButton = function (ariaLabel) {
		return Chain.asStep({}, [
			cWaitForContextToolbar,
			cClickToolbarButton(ariaLabel)
		]);
	};

	var sWaitForToolbar = function () {
		return Chain.asStep({}, [
			cWaitForContextToolbar
		]);
	};

	var sBoldTests = function (tinyApis) {
		return GeneralSteps.sequence([
			tinyApis.sSetContent('<p>a</p>'),
			tinyApis.sSetSelection([0, 0], 0, [0, 0], 1),
			sClickContextButton('Bold'),
			tinyApis.sAssertContent('<p><strong>a</strong></p>')
		]);
	};

	var sH2Tests = function (tinyApis) {
		return GeneralSteps.sequence([
			tinyApis.sSetContent('<p>a</p>'),
			tinyApis.sSetSelection([0, 0], 0, [0, 0], 1),
			sClickContextButton('Heading 2'),
			tinyApis.sAssertContent('<h2>a</h2>')
		]);
	};

	var sInsertLink = function (url) {
		return Chain.asStep({}, [
			cWaitForContextToolbar,
			cClickToolbarButton('Insert/Edit link'),
			cWaitForContextToolbar,
			UiFinder.cFindIn('input'),
			UiControls.cSetValue(url),
			cWaitForContextToolbar,
			cClickToolbarButton('Ok')
		]);
	};

	var cWaitForConfirmDialog = Chain.fromChainsWith(dialogRoot, [
		UiFinder.cWaitForState('window element', '.mce-window', function () {
			return true;
		})
	]);

	var cClickButton = function (btnText) {
		return Chain.fromChains([
			UiFinder.cFindIn('button:contains("' + btnText + '")'),
			Mouse.cTrueClick
		]);
	};

	var sClickConfirmButton = function (btnText) {
		return Chain.asStep({}, [
			cWaitForConfirmDialog,
			cClickButton(btnText)
		]);
	};

	var sInsertLinkConfirmPrefix = function (url, btnText) {
		return GeneralSteps.sequence([
			sInsertLink(url),
			sClickConfirmButton(btnText)
		]);
	};

	var sUnlink = Chain.asStep({}, [
		cWaitForContextToolbar,
		cClickToolbarButton('Insert/Edit link'),
		cWaitForContextToolbar,
		cClickToolbarButton('Remove link')
	]);

	var sLinkTests = function (tinyApis) {
		var sContentActionTest = function (inputHtml, spath, soffset, fpath, foffset, expectedHtml, sAction) {
			return GeneralSteps.sequence([
				tinyApis.sSetContent(inputHtml),
				tinyApis.sSetSelection(spath, soffset, fpath, foffset),
				sAction,
				tinyApis.sAssertContent(expectedHtml)
			]);
		};

		var sLinkTest = function (inputHtml, spath, soffset, fpath, foffset, url, expectedHtml) {
			return sContentActionTest(inputHtml, spath, soffset, fpath, foffset, expectedHtml, sInsertLink(url));
		};

		var sUnlinkTest = function (inputHtml, spath, soffset, fpath, foffset, expectedHtml) {
			return sContentActionTest(inputHtml, spath, soffset, fpath, foffset, expectedHtml, sUnlink);
		};

		var sLinkWithConfirmOkTest = function (inputHtml, spath, soffset, fpath, foffset, url, expectedHtml) {
			return sContentActionTest(inputHtml, spath, soffset, fpath, foffset, expectedHtml, sInsertLinkConfirmPrefix(url, 'Ok'));
		};

		var sLinkWithConfirmCancelTest = function (inputHtml, spath, soffset, fpath, foffset, url, expectedHtml) {
			return sContentActionTest(inputHtml, spath, soffset, fpath, foffset, expectedHtml, sInsertLinkConfirmPrefix(url, 'Cancel'));
		};

		return GeneralSteps.sequence([
			sLinkWithConfirmOkTest('<p>a</p>', [0, 0], 0, [0, 0], 1, 'www.site.com', '<p><a href="http://www.site.com">a</a></p>'),
			sLinkWithConfirmCancelTest('<p>a</p>', [0, 0], 0, [0, 0], 1, 'www.site.com', '<p><a href="www.site.com">a</a></p>'),
			sLinkTest('<p>a</p>', [0, 0], 0, [0, 0], 1, '#1', '<p><a href="#1">a</a></p>'),
			sLinkTest('<p><a id="x" href="#1">a</a></p>', [0, 0, 0], 0, [0, 0, 0], 1, '#2', '<p><a id="x" href="#2">a</a></p>'),
			sLinkTest('<p><a href="#3">a</a></p>', [0, 0, 0], 0, [0, 0, 0], 1, '', '<p>a</p>'),
			sUnlinkTest('<p><a id="x" href="#1">a</a></p>', [0, 0, 0], 0, [0, 0, 0], 1, '<p>a</p>')
		]);
	};

	var sInsertTableTests = function (tinyApis) {
		return GeneralSteps.sequence([
			tinyApis.sSetContent('<p><br></p><p>b</p>'),
			tinyApis.sSetCursor([0], 0),
			sClickContextButton('Insert table'),
			tinyApis.sAssertContent([
					'<table style="width: 100%;">',
						'<tbody>',
							'<tr>',
								'<td>&nbsp;</td>',
								'<td>&nbsp;</td>',
							'</tr>',
							'<tr>',
								'<td>&nbsp;</td>',
								'<td>&nbsp;</td>',
							'</tr>',
						'</tbody>',
					'</table>',
					'<p>b</p>'
				].join('\n')
			)
		]);
	};

	var sAriaTests = function (tinyApis, tinyActions) {
		return GeneralSteps.sequence([
			tinyApis.sSetContent('<p>a</p>'),
			tinyApis.sSetSelection([0, 0], 0, [0, 0], 1),
			sWaitForToolbar(),
			tinyActions.sContentKeydown(121, {alt: true}),
			sClickFocusedButton,
			tinyApis.sAssertContent('<p><strong>a</strong></p>')
		]);
	};

	TinyLoader.setup(function (editor, onSuccess, onFailure) {
		var tinyApis = TinyApis(editor), tinyActions = TinyActions(editor);

		Pipeline.async({}, [
			sBoldTests(tinyApis),
			sH2Tests(tinyApis),
			sLinkTests(tinyApis),
			sInsertTableTests(tinyApis),
			sAriaTests(tinyApis, tinyActions)
		], onSuccess, onFailure);
	}, {
		theme: 'inlite',
		plugins: 'image table link paste contextmenu textpattern',
		insert_toolbar: 'quickimage media quicktable',
		selection_toolbar: 'bold italic | quicklink h1 h2 blockquote',
		inline: true
	}, success, failure);
});