mediawiki-extensions-Visual.../modules/ve/test/ce/ve.ce.ContentBranchNode.test.js
Roan Kattouw 92c38eab85 The great directory split of 2013
Move all MW-specific files into the ve-mw directory, in preparation
for moving them out into a separate repo.

All MW-specific files were moved into a parallel directory structure
in modules/ve-mw . Files with both generic and MW-specific things were
split up. Files in ve/init/mw/ were moved to ve-mw/init/ rather than
ve-mw/init/mw ; they're still named ve.init.mw.* but we should change
that. Some of the test files for core classes had MW-specific test cases,
so those were split up and the test runner was duplicated; we should
refactor our tests to use data providers so we can add cases more easily.

Split files:
* ve.ce.Node.css
* ve.ce.ContentBranchNode.test.js (MWEntityNode)
* ve.ce.Document.test.js (some core test cases genericized)
* ve.dm.InternalList.test.js (uses mwReference test document)
* ve.dm.SurfaceFragment.test.js, ve.ui.FormatAction.test.js
** Made core tests use heading instead of mwHeading
** Updated core tests because normal headings don't break out of lists
** Moved test runners into ve.test.utils.js
* ve.ui.Icons-*.css
* ve.ui.Dialog.css (MW parts into ve.ui.MWDialog.css)
* ve.ui.Tool.css
* ve.ui.Widget.css (move ve-ui-rtl and ve-ui-ltr to ve.ui.css)

ve.dm.Converter.test.js: Moved runner functions into ve.test.utils.js

ve.dm.example.js:
* Refactored createExampleDocument so mwExample can use it
* Removed wgExtensionAssetsPath detection, moved into mw-preload.js
* Genericized withMeta example document (original version copied to mwExample)
* Moved references example document to mwExample

ve.dm.mwExample.js:
* Move withMeta and references example documents from ve.dm.example.js
* Add createExampleDocument function

ve-mw/test/index.php: Runner for MW-specific tests only

ve-mw/test/mw-preload.js: Sets VE_TESTDIR for Special:JavaScriptTest only

ve.ui.Window.js:
* Remove magic path interpolation in addLocalStyleSheets()
* Pass full(er) paths to addLocalStyleSheets(), here and in subclasses

ve.ui.MWDialog.js: Subclass of Dialog that adds MW versions of stylesheets

ve.ui.MW*Dialog.js:
* Subclass MWDialog rather than Dialog
* Load both core and MW versions of stylesheets that have both

ve.ui.PagedDialog.js: Converted to a mixin rather than an abstract base class
* Don't inherit ve.ui.Dialog
* Rather than overriding initialize(), provide initializePages() which the
  host class is supposed to call from its initialize()
* Rename onOutlineSelect to onPageOutlineSelect

ve.ui.MWMetaDialog.js, ve.ui.MWTransclusionDialog.js:
* Use PagedDialog as a mixin rather than a base class, inherit MWDialog

bullet-icon.png: Unused, deleted

Stuff we should do later:
* Refactor tests to use data providers
* Write utility function for SVG compat check
* Separate omnibus CSS files such as ve.ui.Widget.css
* Separate omnibus RL modules
* Use icon classes in ViewPageTarget

Change-Id: I1b28f8ba7f2d2513e5c634927a854686fb9dd5a5
2013-07-02 20:51:38 -07:00

236 lines
5.7 KiB
JavaScript

/*!
* VisualEditor ContentEditable ContentBranchNode tests.
*
* @copyright 2011-2013 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, doc, $rendered, $wrapper,
cases = [
{
'msg': 'Plain text without annotations',
'data': [
{ 'type': 'paragraph' },
'a',
'b',
'c',
{ 'type': '/paragraph' }
],
'html': 'abc'
},
{
'msg': 'Bold text',
'data': [
{ 'type': 'paragraph' },
['a', [ { 'type': 'textStyle/bold' } ]],
['b', [ { 'type': 'textStyle/bold' } ]],
['c', [ { 'type': 'textStyle/bold' } ]],
{ 'type': '/paragraph' }
],
'html': '<b>abc</b>'
},
{
'msg': 'Bold character, plain character, italic character',
'data': [
{ 'type': 'paragraph' },
['a', [ { 'type': 'textStyle/bold' } ]],
'b',
['c', [ { 'type': 'textStyle/italic' } ]],
{ 'type': '/paragraph' }
],
'html': '<b>a</b>b<i>c</i>'
},
{
'msg': 'Bold, italic and underlined text (same order)',
'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>'
},
{
'msg': 'Varying order in consecutive range doesn\'t affect rendering',
'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>'
},
{
'msg': 'Varying order in non-consecutive range does affect rendering',
'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>'
},
{
'msg': 'Text annotated in varying order, surrounded by plain text',
'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'
},
{
'msg': 'Out-of-order closings do not produce misnested tags',
'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'
},
{
'msg': 'Additional openings are added inline, even when out of order',
'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'
},
{
'msg': 'Out-of-order closings surrounded by plain text',
'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><b><u>ef</u></b>ghi'
}
];
QUnit.expect( cases.length );
for ( i = 0, len = cases.length; i < len; i++ ) {
doc = new ve.dm.Document( ve.dm.example.preprocessAnnotations( cases[i].data ) );
$rendered = ( new ve.ce.ParagraphNode( doc.documentNode.getChildren()[0] ) ).getRenderedContents();
$wrapper = $( '<div>' ).append( $rendered );
// HACK strip out all the class="ve-ce-TextStyleAnnotation ve-ce-TextStyleBoldAnnotation" crap
$wrapper.find( '.ve-ce-TextStyleAnnotation' ).removeAttr( 'class' );
assert.equalDomElement( $wrapper[0], $( '<div>' ).html( cases[i].html )[0], cases[i].msg );
}
} );