mediawiki-extensions-Visual.../modules/ve/test/ce/ve.ce.ContentBranchNode.test.js
Trevor Parscal 8d33a3de0d Major Documentation Cleanup
* Made method descriptions imperative: "Do this" rather than "Does this"
* Changed use of "this object" to "the object" in method documentation
* Added missing documentation
* Fixed incorrect documentation
* Fixed incorrect debug method names (as in those VeDmClassName tags we add to functions so they make sense when dumped into in the console)
* Normalized use of package names throughout
* Normalized class descriptions
* Removed incorrect @abstract tags
* Added missing @method tags
* Lots of other minor cleanup

Change-Id: I4ea66a2dd107613e2ea3a5f56ff54d675d72957e
2013-01-16 15:37:59 -08:00

250 lines
5.6 KiB
JavaScript

/*!
* VisualEditor ContentEditable ContentBranchNode tests.
*
* @copyright 2011-2012 VisualEditor Team and others; see AUTHORS.txt
* @license The MIT License (MIT); see LICENSE.txt
*/
QUnit.module( 've.ce.ContentBranchNode' );
/* Tests */
QUnit.test( 'getRenderedContents', function ( assert ) {
var i, len, $rendered, cases = [
{
'data': [
{ 'type': 'paragraph' },
'a',
'b',
'c',
{ 'type': '/paragraph' }
],
'html': 'abc'
},
{
'data': [
{ 'type': 'paragraph' },
['a', [ { 'type': 'textStyle/bold' } ]],
['b', [ { 'type': 'textStyle/bold' } ]],
['c', [ { 'type': 'textStyle/bold' } ]],
{ 'type': '/paragraph' }
],
'html': '<b>abc</b>'
},
{
'data': [
{ 'type': 'paragraph' },
['a', [ { 'type': 'textStyle/bold' } ]],
'b',
['c', [ { 'type': 'textStyle/italic' } ]],
{ 'type': '/paragraph' }
],
'html': '<b>a</b>b<i>c</i>'
},
{
'data': [
{ 'type': 'paragraph' },
['a', [
{ 'type': 'textStyle/bold' },
{ 'type': 'textStyle/italic' },
{ 'type': 'textStyle/underline' }
]],
['b', [
{ 'type': 'textStyle/bold' },
{ 'type': 'textStyle/italic' },
{ 'type': 'textStyle/underline' }
]],
['c', [
{ 'type': 'textStyle/bold' },
{ 'type': 'textStyle/italic' },
{ 'type': 'textStyle/underline' }
]],
{ 'type': '/paragraph' }
],
'html': '<b><i><u>abc</u></i></b>'
},
{
'data': [
{ 'type': 'paragraph' },
['a', [
{ 'type': 'textStyle/bold' },
{ 'type': 'textStyle/italic' },
{ 'type': 'textStyle/underline' }
]],
['b', [
{ 'type': 'textStyle/italic' },
{ 'type': 'textStyle/underline' },
{ 'type': 'textStyle/bold' }
]],
['c', [
{ 'type': 'textStyle/underline' },
{ 'type': 'textStyle/bold' },
{ 'type': 'textStyle/italic' }
]],
{ 'type': '/paragraph' }
],
'html': '<b><i><u>abc</u></i></b>'
},
{
'data': [
{ 'type': 'paragraph' },
['a', [
{ 'type': 'textStyle/bold' },
{ 'type': 'textStyle/italic' },
{ 'type': 'textStyle/underline' }
]],
'b',
['c', [
{ 'type': 'textStyle/underline' },
{ 'type': 'textStyle/bold' },
{ 'type': 'textStyle/italic' }
]],
{ 'type': '/paragraph' }
],
'html': '<b><i><u>a</u></i></b>b<u><b><i>c</i></b></u>'
},
{
'data': [
{ 'type': 'paragraph' },
'a',
'b',
'c',
['d', [
{ 'type': 'textStyle/bold' },
{ 'type': 'textStyle/italic' },
{ 'type': 'textStyle/underline' }
]],
['e', [
{ 'type': 'textStyle/italic' },
{ 'type': 'textStyle/underline' },
{ 'type': 'textStyle/bold' }
]],
['f', [
{ 'type': 'textStyle/underline' },
{ 'type': 'textStyle/bold' },
{ 'type': 'textStyle/italic' }
]],
'g',
'h',
'i',
{ 'type': '/paragraph' }
],
'html': 'abc<b><i><u>def</u></i></b>ghi'
},
{
'data': [
{ 'type': 'paragraph' },
'a',
'b',
'c',
['d', [
{ 'type': 'textStyle/bold' },
{ 'type': 'textStyle/italic' },
{ 'type': 'textStyle/underline' }
]],
['e', [
{ 'type': 'textStyle/italic' },
{ 'type': 'textStyle/underline' }
]],
['f', [
{ 'type': 'textStyle/underline' },
{ 'type': 'textStyle/bold' },
{ 'type': 'textStyle/italic' }
]],
'g',
'h',
'i',
{ 'type': '/paragraph' }
],
'html': 'abc<b><i><u>d</u></i></b><i><u>e<b>f</b></u></i>ghi'
},
{
'data': [
{ 'type': 'paragraph' },
'a',
'b',
'c',
['d', [
{ 'type': 'textStyle/italic' },
{ 'type': 'textStyle/underline' },
{ 'type': 'textStyle/bold' }
]],
['e', [
{ 'type': 'textStyle/italic' },
{ 'type': 'textStyle/underline' }
]],
['f', [
{ 'type': 'textStyle/underline' },
{ 'type': 'textStyle/bold' },
{ 'type': 'textStyle/italic' }
]],
'g',
'h',
'i',
{ 'type': '/paragraph' }
],
'html': 'abc<i><u><b>d</b>e<b>f</b></u></i>ghi'
},
{
'data': [
{ 'type': 'paragraph' },
'a',
'b',
'c',
['d', [
{ 'type': 'textStyle/italic' },
{ 'type': 'textStyle/underline' },
{ 'type': 'textStyle/bold' }
]],
['e', [
{ 'type': 'textStyle/bold' },
{ 'type': 'textStyle/underline' }
]],
['f', [
{ 'type': 'textStyle/underline' },
{ 'type': 'textStyle/bold' }
]],
'g',
'h',
'i',
{ 'type': '/paragraph' }
],
'html': 'abc<i><u><b>d</b></u></i><u><b>ef</b></u>ghi'
},
{
'data': [
{ 'type': 'paragraph' },
'a',
['b', [ { 'type': 'textStyle/bold' } ]],
{
'type': 'MWentity',
'attributes': { 'character': 'c', 'html/typeof': 'mw:Entity' },
'annotations': [ { 'type': 'textStyle/bold' } ]
},
{ 'type': '/MWentity' },
['d', [ { 'type': 'textStyle/bold' } ]],
{
'type': 'alienInline',
'attributes': { 'html': '<tt>e</tt>' },
'annotations': [ { 'type': 'textStyle/bold' } ]
},
{ 'type': '/alienInline' },
{ 'type': '/paragraph' }
],
'html': 'a<b>b<span typeof="mw:Entity" class="ve-ce-leafNode ' +
've-ce-MWEntityNode" contenteditable="false">c</span>d<div ' +
'class="ve-ce-leafNode ve-ce-alienNode ve-ce-alienInlineNode" ' +
'contenteditable="false"><tt>e</tt></div></b>'
}
];
QUnit.expect( cases.length );
for ( i = 0, len = cases.length; i < len; i++ ) {
ve.dm.example.preprocessAnnotations( cases[i].data );
$rendered = ( new ve.ce.ParagraphNode(
( new ve.dm.Document( cases[i].data ) )
.documentNode.getChildren()[0] )
).getRenderedContents();
assert.deepEqual( $( '<div>' ).append( $rendered ).html(), cases[i].html );
}
} );