mediawiki-extensions-WikiEditor/modules/ext.wikiEditor.tests.toolbar.js

/**
 * Test set for the edit toolbar
 */
var textareaId = '#wpTextbox1';
var wikiEditorTests = {
	// Add emoticons section
	'add_sections_toolbar': {
		call: 'addToToolbar',
		data: {
			'sections': {
				'emoticons': {
					'type': 'toolbar',
					'label': 'Emoticons'
				}
			}
		},
		test: '*[rel=emoticons].section',
		pre: 0,
		post: 1
	},
	// Add faces group to emoticons section
	'add_groups': {
		call: 'addToToolbar',
		data: {
			section: 'emoticons',
			'groups': {
				'faces': {
					'label': 'Faces'
				}
			}
		},
		test: '*[rel=emoticons].section *[rel=faces].group',
		pre: 0,
		post: 1
	},
	// Add smile tool to faces group of emoticons section
	'add_tools': {
		call: 'addToToolbar',
		data: {
			section: 'emoticons',
			'group': 'faces',
			'tools': {
				'smile': {
					label: 'Smile!',
					type: 'button',
					icon: 'http://upload.wikimedia.org/wikipedia/commons/thumb/a/a4/Gnome-face-smile.svg/22px-Gnome-face-smile.svg.png',
					action: {
						type: 'encapsulate',
						options: {
							pre: ':)'
						}
					}
				}
			}
		},
		test: '*[rel=emoticons].section *[rel=faces].group *[rel=smile].tool',
		pre: 0,
		post: 1
	},
	// Add info section
	'add_sections_booklet': {
		call: 'addToToolbar',
		data: {
			'sections': {
				'info': {
					'type': 'booklet',
					'label': 'Info'
				}
			}
		},
		test: '*[rel=info].section',
		pre: 0,
		post: 1
	},
	// Add info section
	'add_pages_table': {
		call: 'addToToolbar',
		data: {
			section: 'info',
			pages: {
				'colors': {
					'layout': 'table',
					'label': 'Colors',
					'headings': [
						{ text: 'Name' },
						{ text: 'Temperature' },
						{ text: 'Swatch' }
					]
				}
			}
		},
		test: '*[rel=info].section *[rel=colors].page',
		pre: 0,
		post: 1
	},
	// Add colors rows
	'add_rows': {
		call: 'addToToolbar',
		data: {
			section: 'info',
			page: 'colors',
				'rows': [
					{
						'name': { text: 'Red' },
						'temp': { text: 'Warm' },
						'swatch': { html: '<div style="width: 10px; height: 10px; background-color: red;">' }
					},
					{
						'name': { text: 'Blue' },
						'temp': { text: 'Cold' },
						'swatch': { html: '<div style="width: 10px; height: 10px; background-color: blue;">' }
					},
					{
						'name': { text: 'Silver' },
						'temp': { text: 'Neutral' },
						'swatch': { html: '<div style="width: 10px; height: 10px; background-color: silver;">' }
					}
				]
		},
		test: '*[rel=info].section *[rel=colors].page tr td',
		pre: 0,
		post: 9
	},
	// Add
	'add_pages_characters': {
		call: 'addToToolbar',
		data: {
			section: 'info',
			pages: {
				'emoticons': {
					'layout': 'characters',
					'label': 'Emoticons'
				},
				'removeme': {
					'layout': 'characters',
					'label': 'Remove Me!'
				}
			}
		},
		test: '*[rel=info].section *[rel=emoticons].page',
		pre: 0,
		post: 1
	},
	// Add
	'add_characters': {
		call: 'addToToolbar',
		data: {
			section: 'info',
			page: 'emoticons',
			characters: [ ':)', ':))', ':(', '<3', ';)' ]
		},
		test: '*[rel=info].section *[rel=emoticons].page *[rel=":)"]',
		pre: 0,
		post: 1
	},
	// Remove page
	'remove_page': {
		call: 'removeFromToolbar',
		data: {
			section: 'info',
			page: 'removeme'
		},
		test: '*[rel=info].section *[rel=removeme].page',
		pre: 1,
		post: 0
	},
	// Remove :)) from emoticon characters
	'remove_character': {
		call: 'removeFromToolbar',
		data: {
			section: 'info',
			page: 'emoticons',
			'character': ':))'
		},
		test: '*[rel=info].section *[rel=emoticons].page *[rel=":))"]',
		pre: 1,
		post: 0
	},
	// Remove row from colors table of info section
	'remove_row': {
		call: 'removeFromToolbar',
		data: {
			section: 'info',
			page: 'colors',
			'row': 0
		},
		test: '*[rel=info].section *[rel=colors].page tr td',
		pre: 9,
		post: 6
	}
};

jQuery( document ).ready( function ( $ ) {
	var $button = $( '<button>Run wikiEditor Tests!</button>' )
		.css( {
			position: 'fixed',
			bottom: 0,
			right: 0,
			width: '100%',
			backgroundColor: '#333',
			opacity: 0.75,
			color: '#DDDDDD',
			padding: '0.7em',
			border: 'none',
			display: 'none',
			cursor: 'pointer'
		} )
		.click( function () {
			if ( $( this ).data( 'testDone' ) ) {
				$( this ).slideUp( 'fast' );
				return false;
			}

			var test, pre, post, i,
				messages = [ 'Running tests for wikiEditor API' ],
				$target = $( textareaId ),
				$ui = $target.data( 'wikiEditor-context' ).$ui,
				passes = 0,
				tests = 0;

			for ( test in wikiEditorTests ) {
				pre = $ui.find( wikiEditorTests[test].test ).length === wikiEditorTests[test].pre;
				messages.push ( test + '-pre: ' + ( pre ? 'PASS' : 'FAIL' ) );
				$target.wikiEditor(
					wikiEditorTests[test].call,
					wikiEditorTests[test].data
				);
				post = $ui.find( wikiEditorTests[test].test ).length === wikiEditorTests[test].post;
				messages.push ( test + '-post: ' + ( post ? 'PASS' : 'FAIL' ) );
				if ( pre && post ) {
					passes++;
				}
				tests++;
			}

			if ( window.console ) {
				for ( i = 0; i < messages.length; i++ ) {
					window.console.log( messages[i] );
				}
			}

			$( this )
				.attr( 'title', messages.join( ' | ' ) )
				.text( passes + ' / ' + tests + ' were successful' )
				.css( 'backgroundColor', passes < tests ? 'red' : 'green' )
				.data( 'testDone', 'true' )
				.blur();
		} )
		.appendTo( $( 'body' ) );

	setTimeout( function () {
		$button.slideDown( 'fast' );
	}, 1500 );

} );