mirror of
https://gerrit.wikimedia.org/r/mediawiki/extensions/VisualEditor
synced 2024-11-30 00:55:00 +00:00
8511f8ab3e
No matter what the W3C says, getDomFromHtmlString is more legible than getDOMFromHTMLString. Change-Id: Ic843b6671871024cce8acd82b6be435599ed168b
120 lines
4.7 KiB
JavaScript
120 lines
4.7 KiB
JavaScript
/*!
|
|
* VisualEditor UserInterface Actions FormatAction tests.
|
|
*
|
|
* @copyright 2011-2013 VisualEditor Team and others; see AUTHORS.txt
|
|
* @license The MIT License (MIT); see LICENSE.txt
|
|
*/
|
|
|
|
QUnit.module( 've.ui.FormatAction' );
|
|
|
|
/* Tests */
|
|
|
|
function runFormatConverterTest( assert, range, type, attributes, expectedSelection, expectedData, msg ) {
|
|
var selection,
|
|
dom = ve.createDocumentFromHtml( ve.dm.example.isolationHtml ),
|
|
target = new ve.init.sa.Target( $( '#qunit-fixture' ), dom ),
|
|
surface = target.surface,
|
|
formatAction = new ve.ui.FormatAction( surface ),
|
|
data = ve.copyArray( surface.getModel().getDocument().getFullData() ),
|
|
originalData = ve.copyArray( data );
|
|
|
|
expectedData( data );
|
|
|
|
surface.getModel().change( null, range );
|
|
formatAction.convert( type, attributes );
|
|
|
|
assert.deepEqual( surface.getModel().getDocument().getFullData(), data, msg + ': data models match' );
|
|
assert.deepEqual( surface.getModel().getSelection(), expectedSelection, msg + ': selections match' );
|
|
|
|
selection = surface.getModel().undo();
|
|
|
|
assert.deepEqual( surface.getModel().getDocument().getFullData(), originalData, msg + ' (undo): data models match' );
|
|
assert.deepEqual( selection, range, msg + ' (undo): selections match' );
|
|
|
|
surface.destroy();
|
|
}
|
|
|
|
QUnit.test( 'convert', function ( assert ) {
|
|
var i,
|
|
cases = [
|
|
{
|
|
'range': new ve.Range( 14, 16 ),
|
|
'type': 'mwHeading',
|
|
'attributes': { level: 2 },
|
|
'expectedSelection': new ve.Range( 14, 16 ),
|
|
'expectedData': function ( data ) {
|
|
data.splice( 11, 2, { 'type': '/list' }, { 'type': 'mwHeading', 'attributes': { 'level': 2 } } );
|
|
data.splice( 19, 2, { 'type': '/mwHeading' }, { 'type': 'list', 'attributes': { 'style': 'bullet' } } );
|
|
},
|
|
'msg': 'converting partial selection of list item "Item 2" to level 2 mwHeading'
|
|
},
|
|
{
|
|
'range': new ve.Range( 15, 50 ),
|
|
'type': 'mwHeading',
|
|
'attributes': { level: 3 },
|
|
'expectedSelection': new ve.Range( 15, 44 ),
|
|
'expectedData': function ( data ) {
|
|
data.splice( 11, 2, { 'type': '/list' }, { 'type': 'mwHeading', 'attributes': { 'level': 3 } } );
|
|
data.splice( 19, 4, { 'type': '/mwHeading' }, { 'type': 'mwHeading', 'attributes': { 'level': 3 } } );
|
|
data.splice( 27, 4, { 'type': '/mwHeading' }, { 'type': 'mwHeading', 'attributes': { 'level': 3 } } );
|
|
data.splice( 38, 4, { 'type': '/mwHeading' }, { 'type': 'mwHeading', 'attributes': { 'level': 3 } } );
|
|
data.splice( 46, 2, { 'type': '/mwHeading' }, { 'type': 'list', 'attributes': { 'style': 'bullet' } } );
|
|
},
|
|
'msg': 'converting partial selection across two lists surrounding a paragraph'
|
|
},
|
|
{
|
|
'range': new ve.Range( 4, 28 ),
|
|
'type': 'mwHeading',
|
|
'attributes': { level: 1 },
|
|
'expectedSelection': new ve.Range( 2, 22 ),
|
|
'expectedData': function ( data ) {
|
|
data.splice( 0, 3, { 'type': 'mwHeading', 'attributes': { 'level': 1 } } );
|
|
data.splice( 7, 4, { 'type': '/mwHeading' }, { 'type': 'mwHeading', 'attributes': { 'level': 1 } } );
|
|
data.splice( 15, 4, { 'type': '/mwHeading' }, { 'type': 'mwHeading', 'attributes': { 'level': 1 } } );
|
|
data.splice( 23, 3, { 'type': '/mwHeading' } );
|
|
},
|
|
'msg': 'converting partial selection of all list items to level 1 MWheadings'
|
|
},
|
|
{
|
|
'range': new ve.Range( 5, 26 ),
|
|
'type': 'mwPreformatted',
|
|
'attributes': undefined,
|
|
'expectedSelection': new ve.Range( 3, 20 ),
|
|
'expectedData': function ( data ) {
|
|
data.splice( 0, 3, { 'type': 'mwPreformatted' } );
|
|
data.splice( 7, 4, { 'type': '/mwPreformatted' }, { 'type': 'mwPreformatted' } );
|
|
data.splice( 15, 4, { 'type': '/mwPreformatted' }, { 'type': 'mwPreformatted' } );
|
|
data.splice( 23, 3, { 'type': '/mwPreformatted' } );
|
|
},
|
|
'msg': 'converting partial selection of some list items to mwPreformatted text'
|
|
},
|
|
{
|
|
'range': new ve.Range( 146, 159 ),
|
|
'type': 'paragraph',
|
|
'attributes': undefined,
|
|
'expectedSelection': new ve.Range( 146, 159 ),
|
|
'expectedData': function ( data ) {
|
|
data.splice( 145, 1, { 'type': 'paragraph' } );
|
|
data.splice( 159, 1, { 'type': '/paragraph' } );
|
|
},
|
|
'msg': 'converting heading in list item to paragraph'
|
|
},
|
|
{
|
|
'range': new ve.Range( 165, 180 ),
|
|
'type': 'paragraph',
|
|
'attributes': undefined,
|
|
'expectedSelection': new ve.Range( 165, 180 ),
|
|
'expectedData': function ( data ) {
|
|
data.splice( 162, 1, { 'type': 'paragraph' } );
|
|
data.splice( 183, 1, { 'type': '/paragraph' } );
|
|
},
|
|
'msg': 'converting MWpreformatted in list item to paragraph'
|
|
}
|
|
];
|
|
|
|
QUnit.expect( cases.length * 4 );
|
|
for ( i = 0; i < cases.length; i++ ) {
|
|
runFormatConverterTest( assert, cases[i].range, cases[i].type, cases[i].attributes, cases[i].expectedSelection, cases[i].expectedData, cases[i].msg );
|
|
}
|
|
} );
|