mirror of
https://gerrit.wikimedia.org/r/mediawiki/extensions/WikiEditor
synced 2024-11-15 03:35:58 +00:00
cfcfa69fe4
Change-Id: Ibae64ca7aa52c2283ff81bd942be80c83a4089f7
256 lines
5.3 KiB
JavaScript
256 lines
5.3 KiB
JavaScript
/**
|
|
* 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 );
|
|
|
|
} );
|