/** * 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: '
' } }, { 'name': { text: 'Blue' }, 'temp': { text: 'Cold' }, 'swatch': { html: '
' } }, { 'name': { text: 'Silver' }, 'temp': { text: 'Neutral' }, 'swatch': { html: '
' } } ] }, '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 } }; $(document).ready( function() { var button = $( '' ) .css( { 'position': 'fixed', 'bottom': 0, 'right': 0, 'width': '100%', 'backgroundColor': '#333333', 'opacity': 0.75, 'color': '#DDDDDD', 'padding': '0.5em', 'border': 'none', 'display': 'none' } ) .click( function() { if ( $(this).attr( 'enabled' ) == 'false' ) { $(this).slideUp( 'fast' ); return false; } var messages = [ 'Running tests for wikiEditor API' ]; var $target = $( textareaId ); var $ui = $target.data( 'wikiEditor-context' ).$ui; var passes = 0; var tests = 0; for ( test in wikiEditorTests ) { var pre = $ui.find( wikiEditorTests[test].test ).size() == wikiEditorTests[test].pre; messages.push ( test + '-pre: ' + ( pre ? 'PASS' : 'FAIL' ) ); $target.wikiEditor( wikiEditorTests[test].call, wikiEditorTests[test].data ); var post = $ui.find( wikiEditorTests[test].test ).size() == wikiEditorTests[test].post; messages.push ( test + '-post: ' + ( post ? 'PASS' : 'FAIL' ) ); if ( pre && post ) { passes++; } tests++; } if ( window.console !== undefined ) { for ( message in messages ) { console.log( messages[message] ); } } $(this) .attr( 'title', messages.join( " | " ) ) .text( passes + ' / ' + tests + ' were successful' ) .css( 'backgroundColor', passes < tests ? 'red' : 'green' ) .attr( 'enabled', 'false' ) .blur(); } ) .appendTo( $( 'body' ) ); setTimeout( function() { button.slideDown( 'fast' ) }, 2000 ); } );