mirror of
https://gerrit.wikimedia.org/r/mediawiki/extensions/VisualEditor
synced 2024-11-15 18:39:52 +00:00
88f6089952
'''Kranitor commits''' are commits by Krinkle with his janitor hat on.
Must never contain functional changes mixed with miscellaneous changes.
.gitignore:
* Add .DS_Store to the ignore list so that browsing the directories
on Mac OS X, will not add these files to the list of untracked
files.
* Fix missing newline at end of file
.jshintrc
* raises -> throws
* +module (QUnit.module)
* remove 'Node' (as of node-jshint 1.7.2 this is now part of
'browser:true', as it should be)
Authors:
* Adding myself
MWExtension/VisualEditor.php
* Fix default value of wgVisualEditorParsoidURL to not
point to the experimental instance in WMF Labs.
Issues:
* ve.ce.TextNode:
- Fix TODO: Don't perform a useless clone of an already-jQuerified object.
- Use .html() to set html content instead of encapsulating between
two strings. This is slightly faster but more importantly safer,
and prevents situations where the resulting jQuery collection
actually contains 2 elements instead of 1, thus messing up
what .contents() is iterating over.
* ve.ce.Document.test.js
- Fix: ReferenceError: assert is not defined
* ve.dm.Document.test.js
- Fix: ReferenceError: assert is not defined
* ve.dm.Transaction.test.js
- Fix: ReferenceError: assert is not defined
* ve.dm.TransactionProcessor.test.js
- Fix: ReferenceError: assert is not defined
* ext.visualEditor.viewPageTarget
- Missing dependency on 'mediawiki.Title'
Code conventions / Misc cleanup
* Various JSHint warnings.
* Whitespace
* jQuery(): Use '<tag>' for element creation,
use '<valid><xml/></valid>' for parsing
* Use the default operator instead of ternary when the condition and
first value are the same.
x = foo ? foo : bar; -> x = foo || bar;
Because contrary to some programming language (PHP...), in JS the
default operator does not enforce a boolean result but returns the
original value, hence it being called the 'default' operator, as
opposed to the 'or' operator.
* No need to call addClass() twice, it takes a space-separated list
(jQuery splits by space and adds if needed)
* Use .on( event[, selector], fn ) instead of the deprecated
routers to it such as .bind(), .delegate() and .live().
All these three are now built-in and fully compatible with .on()
* Add 'XXX:' comments for suspicious code that I don't want to change
as part of a clean up commit.
* Remove unused variables (several var x = this; where x was not
used anywhere, possibly from boilerplate copy/paste)
* Follows-up Trevor's commit that converts test suites to the new
QUnit format. Also removed the globals since we no longer use those
any more.
Change-Id: I7e37c9bff812e371c7f65a6fd85d9e2af3e0a22f
1015 lines
28 KiB
JavaScript
1015 lines
28 KiB
JavaScript
/**
|
|
* VisualEditor data model Transaction tests.
|
|
*
|
|
* @copyright 2011-2012 VisualEditor Team and others; see AUTHORS.txt
|
|
* @license The MIT License (MIT); see LICENSE.txt
|
|
*/
|
|
|
|
QUnit.module( 've.dm.Transaction' );
|
|
|
|
/* Helper methods */
|
|
|
|
function runBuilderTests( assert, cases ) {
|
|
var msg, tx, i;
|
|
for ( msg in cases ) {
|
|
tx = new ve.dm.Transaction();
|
|
for ( i = 0; i < cases[msg].calls.length; i++ ) {
|
|
tx[cases[msg].calls[i][0]].apply( tx, cases[msg].calls[i].slice( 1 ) );
|
|
}
|
|
assert.deepEqual( tx.getOperations(), cases[msg].ops, msg + ': operations match' );
|
|
assert.deepEqual( tx.getLengthDifference(), cases[msg].diff, msg + ': length differences match' );
|
|
}
|
|
}
|
|
|
|
function runConstructorTests( assert, constructor, cases ) {
|
|
var msg, tx;
|
|
for ( msg in cases ) {
|
|
if ( cases[msg].ops ) {
|
|
tx = constructor.apply(
|
|
ve.dm.Transaction, cases[msg].args
|
|
);
|
|
assert.deepEqual( tx.getOperations(), cases[msg].ops, msg + ': operations match' );
|
|
} else if ( cases[msg].exception ) {
|
|
/*jshint loopfunc:true */
|
|
assert.throws( function () {
|
|
var tx = constructor.apply(
|
|
ve.dm.Transaction, cases[msg].args
|
|
);
|
|
}, cases[msg].exception, msg + ': throw exception' );
|
|
}
|
|
}
|
|
}
|
|
|
|
/* Tests */
|
|
|
|
QUnit.test( 'newFromInsertion', function ( assert ) {
|
|
var doc = new ve.dm.Document( ve.dm.example.data ),
|
|
doc2 = new ve.dm.Document( [ { 'type': 'paragraph' }, { 'type': '/paragraph' } ] ),
|
|
cases = {
|
|
'paragraph before first element': {
|
|
'args': [doc, 0, [{ 'type': 'paragraph' }, '1', { 'type': '/paragraph' }]],
|
|
'ops': [
|
|
{
|
|
'type': 'replace',
|
|
'remove': [],
|
|
'insert': [{ 'type': 'paragraph' }, '1', { 'type': '/paragraph' }]
|
|
},
|
|
{ 'type': 'retain', 'length': 61 }
|
|
]
|
|
},
|
|
'paragraph after last element': {
|
|
'args': [doc, 61, [{ 'type': 'paragraph' }, '1', { 'type': '/paragraph' }]],
|
|
'ops': [
|
|
{ 'type': 'retain', 'length': 61 },
|
|
{
|
|
'type': 'replace',
|
|
'remove': [],
|
|
'insert': [{ 'type': 'paragraph' }, '1', { 'type': '/paragraph' }]
|
|
}
|
|
]
|
|
},
|
|
'split paragraph': {
|
|
'args': [doc, 10, ['1', { 'type': '/paragraph' }, { 'type': 'paragraph' }]],
|
|
'ops': [
|
|
{ 'type': 'retain', 'length': 10 },
|
|
{
|
|
'type': 'replace',
|
|
'remove': [],
|
|
'insert': ['1', { 'type': '/paragraph' }, { 'type': 'paragraph' }]
|
|
},
|
|
{ 'type': 'retain', 'length': 51 }
|
|
]
|
|
},
|
|
'paragraph inside a heading closes and reopens heading': {
|
|
'args': [doc, 2, [{ 'type': 'paragraph' }, 'F', 'O', 'O', { 'type': '/paragraph' }]],
|
|
'ops': [
|
|
{ 'type': 'retain', 'length': 2 },
|
|
{
|
|
'type': 'replace',
|
|
'remove': [],
|
|
'insert': [{'type': '/heading' }, { 'type': 'paragraph' } , 'F', 'O', 'O', { 'type': '/paragraph' }, { 'type': 'heading', 'attributes': { 'level': 1 } }]
|
|
},
|
|
{ 'type': 'retain', 'length': 59 }
|
|
]
|
|
},
|
|
'paragraph inside a list closes and reopens list': {
|
|
'args': [doc, 13, [{ 'type': 'paragraph' }, 'F', 'O', 'O', { 'type': '/paragraph' }]],
|
|
'ops': [
|
|
{ 'type': 'retain', 'length': 13 },
|
|
{
|
|
'type': 'replace',
|
|
'remove': [],
|
|
'insert': [{'type': '/list' }, { 'type': 'paragraph' } , 'F', 'O', 'O', { 'type': '/paragraph' }, { 'type': 'list', 'attributes': { 'style': 'bullet' } }]
|
|
},
|
|
{ 'type': 'retain', 'length': 48 }
|
|
]
|
|
},
|
|
'tableCell inside the document is wrapped in a table, tableSection and tableRow': {
|
|
'args': [doc, 43, [{ 'type': 'tableCell', 'attributes': { 'style': 'data' } }, { 'type': 'paragraph' }, 'F', 'O', 'O', { 'type': '/paragraph' }, { 'type': '/tableCell' }]],
|
|
'ops': [
|
|
{ 'type': 'retain', 'length': 43 },
|
|
{
|
|
'type': 'replace',
|
|
'remove': [],
|
|
// FIXME tableSection should have type=body
|
|
'insert': [{ 'type': 'table' }, { 'type': 'tableSection' }, { 'type': 'tableRow' }, { 'type': 'tableCell', 'attributes': { 'style': 'data' } }, { 'type': 'paragraph' }, 'F', 'O', 'O', { 'type': '/paragraph' }, { 'type': '/tableCell' }, { 'type': '/tableRow' }, { 'type': '/tableSection' }, { 'type': '/table' }]
|
|
},
|
|
{ 'type': 'retain', 'length': 18 }
|
|
]
|
|
},
|
|
'tableCell inside a paragraph is wrapped in a table, tableSection and tableRow and closes and reopens the paragraph': {
|
|
'args': [doc, 52, [{ 'type': 'tableCell', 'attributes': { 'style': 'data' } }, { 'type': 'paragraph' }, 'F', 'O', 'O', { 'type': '/paragraph' }, { 'type': '/tableCell' }]],
|
|
'ops': [
|
|
{ 'type': 'retain', 'length': 52 },
|
|
{
|
|
'type': 'replace',
|
|
'remove': [],
|
|
// FIXME tableSection should have type=body
|
|
'insert': [{ 'type': '/paragraph' }, { 'type': 'table' }, { 'type': 'tableSection' }, { 'type': 'tableRow' }, { 'type': 'tableCell', 'attributes': { 'style': 'data' } }, { 'type': 'paragraph' }, 'F', 'O', 'O', { 'type': '/paragraph' }, { 'type': '/tableCell' }, { 'type': '/tableRow' }, { 'type': '/tableSection' }, { 'type': '/table' }, { 'type': 'paragraph' }]
|
|
},
|
|
{ 'type': 'retain', 'length': 9 }
|
|
]
|
|
},
|
|
'text at a structural location in the document is wrapped in a paragraph': {
|
|
'args': [doc, 0, ['F', 'O', 'O']],
|
|
'ops': [
|
|
{
|
|
'type': 'replace',
|
|
'remove': [],
|
|
'insert': [{ 'type': 'paragraph' }, 'F', 'O', 'O', { 'type': '/paragraph' }]
|
|
},
|
|
{ 'type': 'retain', 'length': 61 }
|
|
]
|
|
},
|
|
'text inside a paragraph is not wrapped in a paragraph': {
|
|
'args': [doc, 16, ['F', 'O', 'O']],
|
|
'ops': [
|
|
{ 'type': 'retain', 'length': 16 },
|
|
{
|
|
'type': 'replace',
|
|
'remove': [],
|
|
'insert': ['F', 'O', 'O']
|
|
},
|
|
{ 'type': 'retain', 'length': 45 }
|
|
]
|
|
},
|
|
'text inside a heading is not wrapped in a paragraph': {
|
|
'args': [doc, 2, ['F', 'O', 'O']],
|
|
'ops': [
|
|
{ 'type': 'retain', 'length': 2 },
|
|
{
|
|
'type': 'replace',
|
|
'remove': [],
|
|
'insert': ['F', 'O', 'O']
|
|
},
|
|
{ 'type': 'retain', 'length': 59 }
|
|
]
|
|
},
|
|
'text inside a tableSection is wrapped in a paragraph and closes and reopens the tableSection, tableRow and table': {
|
|
'args': [doc, 34, ['F', 'O', 'O']],
|
|
'ops': [
|
|
{ 'type': 'retain', 'length': 34 },
|
|
{
|
|
'type': 'replace',
|
|
'remove': [],
|
|
'insert': [{ 'type': '/tableRow' }, { 'type': '/tableSection' }, { 'type': '/table' }, { 'type': 'paragraph' }, 'F', 'O', 'O', { 'type': '/paragraph' }, { 'type': 'table' }, { 'type': 'tableSection', 'attributes': { 'style': 'body' } }, { 'type': 'tableRow' } ]
|
|
},
|
|
{ 'type': 'retain', 'length': 27 }
|
|
]
|
|
},
|
|
'inserting two paragraphs into a document with just an empty paragraph': {
|
|
'args': [doc2, 1, ['F', 'O', 'O', { 'type': '/paragraph' }, { 'type': 'paragraph' }, 'B', 'A', 'R']],
|
|
'ops': [
|
|
{ 'type': 'retain', 'length': 1 },
|
|
{
|
|
'type': 'replace',
|
|
'remove': [],
|
|
'insert': ['F', 'O', 'O', { 'type': '/paragraph' }, { 'type': 'paragraph' }, 'B', 'A', 'R']
|
|
},
|
|
{ 'type': 'retain', 'length': 1 }
|
|
]
|
|
},
|
|
'inserting three paragraphs into a document with just an empty paragraph': {
|
|
'args': [doc2, 1, ['F', 'O', 'O', { 'type': '/paragraph' }, { 'type': 'paragraph' }, 'B', 'A', 'R', { 'type': '/paragraph' }, { 'type': 'paragraph' }, 'B', 'A', 'Z']],
|
|
'ops': [
|
|
{ 'type': 'retain', 'length': 1 },
|
|
{
|
|
'type': 'replace',
|
|
'remove': [],
|
|
'insert': ['F', 'O', 'O', { 'type': '/paragraph' }, { 'type': 'paragraph' }, 'B', 'A', 'R', { 'type': '/paragraph' }, { 'type': 'paragraph' }, 'B', 'A', 'Z']
|
|
},
|
|
{ 'type': 'retain', 'length': 1 }
|
|
]
|
|
}
|
|
// TODO test cases for unclosed openings
|
|
// TODO test cases for (currently failing) unopened closings use case
|
|
// TODO analyze other possible cases (substrings of linmod data)
|
|
};
|
|
runConstructorTests( assert, ve.dm.Transaction.newFromInsertion, cases );
|
|
} );
|
|
|
|
QUnit.test( 'newFromRemoval', function ( assert ) {
|
|
var alienDoc = new ve.dm.Document( ve.dm.example.alienData ),
|
|
doc = new ve.dm.Document( ve.dm.example.data ),
|
|
cases = {
|
|
'content in first element': {
|
|
'args': [doc, new ve.Range( 1, 3 )],
|
|
'ops': [
|
|
{ 'type': 'retain', 'length': 1 },
|
|
{
|
|
'type': 'replace',
|
|
'remove': [
|
|
'a',
|
|
['b', { '{"type":"textStyle/bold"}': { 'type': 'textStyle/bold' } }]
|
|
],
|
|
'insert': []
|
|
},
|
|
{ 'type': 'retain', 'length': 58 }
|
|
]
|
|
},
|
|
'content in last element': {
|
|
'args': [doc, new ve.Range( 59, 60 )],
|
|
'ops': [
|
|
{ 'type': 'retain', 'length': 59 },
|
|
{
|
|
'type': 'replace',
|
|
'remove': ['m'],
|
|
'insert': []
|
|
},
|
|
{ 'type': 'retain', 'length': 1 }
|
|
]
|
|
},
|
|
'first element': {
|
|
'args': [doc, new ve.Range( 0, 5 )],
|
|
'ops': [
|
|
{
|
|
'type': 'replace',
|
|
'remove': [
|
|
{ 'type': 'heading', 'attributes': { 'level': 1 } },
|
|
'a',
|
|
['b', { '{"type":"textStyle/bold"}': { 'type': 'textStyle/bold' } }],
|
|
['c', { '{"type":"textStyle/italic"}': { 'type': 'textStyle/italic' } }],
|
|
{ 'type': '/heading' }
|
|
],
|
|
'insert': []
|
|
},
|
|
{ 'type': 'retain', 'length': 56 }
|
|
]
|
|
},
|
|
'middle element with image': {
|
|
'args': [doc, new ve.Range( 38, 42 )],
|
|
'ops': [
|
|
{ 'type': 'retain', 'length': 38 },
|
|
{
|
|
'type': 'replace',
|
|
'remove': [
|
|
'h',
|
|
{ 'type': 'image', 'attributes': { 'html/src': 'image.png' } },
|
|
{ 'type': '/image' },
|
|
'i'
|
|
],
|
|
'insert': []
|
|
},
|
|
{ 'type': 'retain', 'length': 19 }
|
|
]
|
|
},
|
|
'extra openings': {
|
|
'args': [doc, new ve.Range( 0, 7 )],
|
|
'ops': [
|
|
{
|
|
'type': 'replace',
|
|
'remove': [
|
|
{ 'type': 'heading', 'attributes': { 'level': 1 } },
|
|
'a',
|
|
['b', { '{"type":"textStyle/bold"}': { 'type': 'textStyle/bold' } }],
|
|
['c', { '{"type":"textStyle/italic"}': { 'type': 'textStyle/italic' } }],
|
|
{ 'type': '/heading' }
|
|
],
|
|
'insert': []
|
|
},
|
|
{ 'type': 'retain', 'length': 56 }
|
|
]
|
|
},
|
|
'last element': {
|
|
'args': [doc, new ve.Range( 58, 61 )],
|
|
'ops': [
|
|
{ 'type': 'retain', 'length': 58 },
|
|
{
|
|
'type': 'replace',
|
|
'remove': [{ 'type': 'paragraph' }, 'm', { 'type': '/paragraph' }],
|
|
'insert': []
|
|
}
|
|
]
|
|
},
|
|
'extra closings': {
|
|
'args': [doc, new ve.Range( 31, 39 )],
|
|
'ops': [
|
|
{ 'type': 'retain', 'length': 38 },
|
|
{
|
|
'type': 'replace',
|
|
'remove': ['h'],
|
|
'insert': []
|
|
},
|
|
{ 'type': 'retain', 'length': 22 }
|
|
]
|
|
},
|
|
'merge last two elements': {
|
|
'args': [doc, new ve.Range( 57, 59 )],
|
|
'ops': [
|
|
{ 'type': 'retain', 'length': 57 },
|
|
{
|
|
'type': 'replace',
|
|
'remove': [{ 'type': '/paragraph' }, { 'type': 'paragraph' }],
|
|
'insert': []
|
|
},
|
|
{ 'type': 'retain', 'length': 2 }
|
|
]
|
|
},
|
|
'strip out of paragraph in tableCell and paragraph in listItem': {
|
|
'args': [doc, new ve.Range( 10, 16 )],
|
|
'ops': [
|
|
{ 'type': 'retain', 'length': 10 },
|
|
{
|
|
'type': 'replace',
|
|
'remove': ['d'],
|
|
'insert': []
|
|
},
|
|
{ 'type': 'retain', 'length': 4 },
|
|
{
|
|
'type': 'replace',
|
|
'remove': ['e'],
|
|
'insert': []
|
|
},
|
|
{ 'type': 'retain', 'length': 45 }
|
|
]
|
|
},
|
|
'over first alien into paragraph': {
|
|
'args': [alienDoc, new ve.Range( 0, 4 )],
|
|
'ops': [
|
|
{
|
|
'type': 'replace',
|
|
'remove': [{ 'type': 'alienBlock' }, { 'type': '/alienBlock' }],
|
|
'insert': []
|
|
},
|
|
{ 'type': 'retain', 'length': 1 },
|
|
{
|
|
'type': 'replace',
|
|
'remove': ['a'],
|
|
'insert': []
|
|
},
|
|
{ 'type': 'retain', 'length': 6 }
|
|
]
|
|
},
|
|
'out of paragraph over last alien': {
|
|
'args': [alienDoc, new ve.Range( 6, 10 )],
|
|
'ops': [
|
|
{ 'type': 'retain', 'length': 6 },
|
|
{
|
|
'type': 'replace',
|
|
'remove': ['b'],
|
|
'insert': []
|
|
},
|
|
{ 'type': 'retain', 'length': 1 },
|
|
{
|
|
'type': 'replace',
|
|
'remove': [{ 'type': 'alienBlock' }, { 'type': '/alienBlock' }],
|
|
'insert': []
|
|
}
|
|
]
|
|
},
|
|
'merging two paragraphs inside definitionListItems': {
|
|
'args': [doc, new ve.Range( 47, 51 )],
|
|
'ops': [
|
|
{ 'type': 'retain', 'length': 47 },
|
|
{
|
|
'type': 'replace',
|
|
'remove': [{ 'type': '/paragraph' }, { 'type': '/definitionListItem' }, { 'type': 'definitionListItem', 'attributes': { 'style': 'definition' } }, { 'type': 'paragraph' }],
|
|
'insert': []
|
|
},
|
|
{ 'type': 'retain', 'length': 10 }
|
|
]
|
|
},
|
|
'merging two paragraphs while also deleting some content': {
|
|
'args': [doc, new ve.Range( 56, 59 )],
|
|
'ops': [
|
|
{ 'type': 'retain', 'length': 56 },
|
|
{
|
|
'type': 'replace',
|
|
'remove': ['l', { 'type': '/paragraph' }, { 'type': 'paragraph' } ],
|
|
'insert': []
|
|
},
|
|
{ 'type': 'retain', 'length': 2 }
|
|
]
|
|
},
|
|
'removing from a heading into a paragraph': {
|
|
'args': [doc, new ve.Range( 2, 57 )],
|
|
'ops': [
|
|
{ 'type': 'retain', 'length': 2 },
|
|
{
|
|
'type': 'replace',
|
|
'remove': doc.getData().slice( 2, 4 ),
|
|
'insert': []
|
|
},
|
|
{ 'type': 'retain', 'length': 1 },
|
|
{
|
|
'type': 'replace',
|
|
'remove': doc.getData().slice( 5, 55 ),
|
|
'insert': []
|
|
},
|
|
{ 'type': 'retain', 'length': 1 },
|
|
{
|
|
'type': 'replace',
|
|
'remove': ['l'],
|
|
'insert': []
|
|
},
|
|
{ 'type': 'retain', 'length': 4 }
|
|
]
|
|
},
|
|
'removing content from a paragraph in the middle': {
|
|
'args': [doc, new ve.Range( 56, 57 )],
|
|
'ops': [
|
|
{ 'type': 'retain', 'length': 56 },
|
|
{
|
|
'type': 'replace',
|
|
'remove': ['l'],
|
|
'insert': []
|
|
},
|
|
{ 'type': 'retain', 'length': 4 }
|
|
]
|
|
}
|
|
};
|
|
runConstructorTests( assert, ve.dm.Transaction.newFromRemoval, cases );
|
|
} );
|
|
|
|
QUnit.test( 'newFromAttributeChange', function ( assert ) {
|
|
var doc = new ve.dm.Document( ve.dm.example.data ),
|
|
cases = {
|
|
'first element': {
|
|
'args': [doc, 0, 'level', 2],
|
|
'ops': [
|
|
{
|
|
'type': 'attribute',
|
|
'key': 'level',
|
|
'from': 1,
|
|
'to': 2
|
|
},
|
|
{ 'type': 'retain', 'length': 61 }
|
|
]
|
|
},
|
|
'middle element': {
|
|
'args': [doc, 17, 'style', 'number'],
|
|
'ops': [
|
|
{ 'type': 'retain', 'length': 17 },
|
|
{
|
|
'type': 'attribute',
|
|
'key': 'style',
|
|
'from': 'bullet',
|
|
'to': 'number'
|
|
},
|
|
{ 'type': 'retain', 'length': 44 }
|
|
]
|
|
},
|
|
'non-element': {
|
|
'args': [doc, 1, 'level', 2],
|
|
'exception': /^Can not set attributes to non-element data$/
|
|
},
|
|
'closing element': {
|
|
'args': [doc, 4, 'level', 2],
|
|
'exception': /^Can not set attributes on closing element$/
|
|
}
|
|
};
|
|
runConstructorTests( assert, ve.dm.Transaction.newFromAttributeChange, cases );
|
|
} );
|
|
|
|
QUnit.test( 'newFromAnnotation', function ( assert ) {
|
|
var doc = new ve.dm.Document( ve.dm.example.data ),
|
|
cases = {
|
|
'over plain text': {
|
|
'args': [doc, new ve.Range( 1, 2 ), 'set', { 'type': 'textStyle/bold' }],
|
|
'ops': [
|
|
{ 'type': 'retain', 'length': 1 },
|
|
{
|
|
'type': 'annotate',
|
|
'method': 'set',
|
|
'bias': 'start',
|
|
'annotation': { 'type': 'textStyle/bold' }
|
|
},
|
|
{ 'type': 'retain', 'length': 1 },
|
|
{
|
|
'type': 'annotate',
|
|
'method': 'set',
|
|
'bias': 'stop',
|
|
'annotation': { 'type': 'textStyle/bold' }
|
|
},
|
|
{ 'type': 'retain', 'length': 59 }
|
|
]
|
|
},
|
|
'over annotated text': {
|
|
'args': [doc, new ve.Range( 1, 4 ), 'set', { 'type': 'textStyle/bold' }],
|
|
'ops': [
|
|
{ 'type': 'retain', 'length': 1 },
|
|
{
|
|
'type': 'annotate',
|
|
'method': 'set',
|
|
'bias': 'start',
|
|
'annotation': { 'type': 'textStyle/bold' }
|
|
},
|
|
{ 'type': 'retain', 'length': 1 },
|
|
{
|
|
'type': 'annotate',
|
|
'method': 'set',
|
|
'bias': 'stop',
|
|
'annotation': { 'type': 'textStyle/bold' }
|
|
},
|
|
{ 'type': 'retain', 'length': 1 },
|
|
{
|
|
'type': 'annotate',
|
|
'method': 'set',
|
|
'bias': 'start',
|
|
'annotation': { 'type': 'textStyle/bold' }
|
|
},
|
|
{ 'type': 'retain', 'length': 1 },
|
|
{
|
|
'type': 'annotate',
|
|
'method': 'set',
|
|
'bias': 'stop',
|
|
'annotation': { 'type': 'textStyle/bold' }
|
|
},
|
|
{ 'type': 'retain', 'length': 57 }
|
|
]
|
|
},
|
|
'over elements': {
|
|
'args': [doc, new ve.Range( 4, 9 ), 'set', { 'type': 'textStyle/bold' }],
|
|
'ops': [
|
|
{ 'type': 'retain', 'length': 61 }
|
|
]
|
|
},
|
|
'over elements and content': {
|
|
'args': [doc, new ve.Range( 3, 11 ), 'set', { 'type': 'textStyle/bold' }],
|
|
'ops': [
|
|
{ 'type': 'retain', 'length': 3 },
|
|
{
|
|
'type': 'annotate',
|
|
'method': 'set',
|
|
'bias': 'start',
|
|
'annotation': { 'type': 'textStyle/bold' }
|
|
},
|
|
{ 'type': 'retain', 'length': 1 },
|
|
{
|
|
'type': 'annotate',
|
|
'method': 'set',
|
|
'bias': 'stop',
|
|
'annotation': { 'type': 'textStyle/bold' }
|
|
},
|
|
{ 'type': 'retain', 'length': 6 },
|
|
{
|
|
'type': 'annotate',
|
|
'method': 'set',
|
|
'bias': 'start',
|
|
'annotation': { 'type': 'textStyle/bold' }
|
|
},
|
|
{ 'type': 'retain', 'length': 1 },
|
|
{
|
|
'type': 'annotate',
|
|
'method': 'set',
|
|
'bias': 'stop',
|
|
'annotation': { 'type': 'textStyle/bold' }
|
|
},
|
|
{ 'type': 'retain', 'length': 50 }
|
|
]
|
|
}
|
|
};
|
|
runConstructorTests( assert, ve.dm.Transaction.newFromAnnotation, cases );
|
|
} );
|
|
|
|
QUnit.test( 'newFromContentBranchConversion', function ( assert ) {
|
|
var doc = new ve.dm.Document( ve.dm.example.data ),
|
|
cases = {
|
|
'range inside a heading, convert to paragraph': {
|
|
'args': [doc, new ve.Range( 1, 2 ), 'paragraph'],
|
|
'ops': [
|
|
{
|
|
'type': 'replace',
|
|
'remove': [{ 'type': 'heading', 'attributes': { 'level': 1 } }],
|
|
'insert': [{ 'type': 'paragraph' }]
|
|
},
|
|
{ 'type': 'retain', 'length': 3 },
|
|
{
|
|
'type': 'replace',
|
|
'remove': [{ 'type': '/heading' }],
|
|
'insert': [{ 'type': '/paragraph' }]
|
|
},
|
|
{ 'type': 'retain', 'length': 56 }
|
|
]
|
|
},
|
|
'range around 2 paragraphs, convert to preformatted': {
|
|
'args': [doc, new ve.Range( 50, 58 ), 'preformatted'],
|
|
'ops': [
|
|
{ 'type': 'retain', 'length': 50 },
|
|
{
|
|
'type': 'replace',
|
|
'remove': [{ 'type': 'paragraph' }],
|
|
'insert': [{ 'type': 'preformatted' }]
|
|
},
|
|
{ 'type': 'retain', 'length': 1 },
|
|
{
|
|
'type': 'replace',
|
|
'remove': [{ 'type': '/paragraph' }],
|
|
'insert': [{ 'type': '/preformatted' }]
|
|
},
|
|
{ 'type': 'retain', 'length': 2 },
|
|
{
|
|
'type': 'replace',
|
|
'remove': [{ 'type': 'paragraph' }],
|
|
'insert': [{ 'type': 'preformatted' }]
|
|
},
|
|
{ 'type': 'retain', 'length': 1 },
|
|
{
|
|
'type': 'replace',
|
|
'remove': [{ 'type': '/paragraph' }],
|
|
'insert': [{ 'type': '/preformatted' }]
|
|
},
|
|
{ 'type': 'retain', 'length': 3 }
|
|
]
|
|
}
|
|
};
|
|
runConstructorTests(
|
|
assert,
|
|
ve.dm.Transaction.newFromContentBranchConversion,
|
|
cases
|
|
);
|
|
} );
|
|
|
|
QUnit.test( 'newFromWrap', function ( assert ) {
|
|
var doc = new ve.dm.Document( ve.dm.example.data ),
|
|
cases = {
|
|
'changes a heading to a paragraph': {
|
|
'args': [doc, new ve.Range( 1, 4 ), [ { 'type': 'heading', 'attributes': { 'level': 1 } } ], [ { 'type': 'paragraph' } ], [], []],
|
|
'ops': [
|
|
{ 'type': 'replace', 'remove': [ { 'type': 'heading', 'attributes': { 'level': 1 } } ], 'insert': [ { 'type': 'paragraph' } ] },
|
|
{ 'type': 'retain', 'length': 3 },
|
|
{ 'type': 'replace', 'remove': [ { 'type': '/heading' } ], 'insert': [ { 'type': '/paragraph' } ] },
|
|
{ 'type': 'retain', 'length': 56 }
|
|
]
|
|
},
|
|
'unwraps a list': {
|
|
'args': [doc, new ve.Range( 13, 25 ), [ { 'type': 'list' } ], [], [ { 'type': 'listItem' } ], []],
|
|
'ops': [
|
|
{ 'type': 'retain', 'length': 12 },
|
|
{ 'type': 'replace', 'remove': [ { 'type': 'list', 'attributes': { 'style': 'bullet' } } ], 'insert': [] },
|
|
{ 'type': 'replace', 'remove': [ { 'type': 'listItem' } ], 'insert': [] },
|
|
{ 'type': 'retain', 'length': 10 },
|
|
{ 'type': 'replace', 'remove': [ { 'type': '/listItem' } ], 'insert': [] },
|
|
{ 'type': 'replace', 'remove': [ { 'type': '/list' } ], 'insert': [] },
|
|
{ 'type': 'retain', 'length': 35 }
|
|
]
|
|
},
|
|
'replaces a table with a list': {
|
|
'args': [doc, new ve.Range( 9, 33 ), [ { 'type': 'table' }, { 'type': 'tableSection' }, { 'type': 'tableRow' }, { 'type': 'tableCell' } ], [ { 'type': 'list' }, { 'type': 'listItem' } ], [], []],
|
|
'ops': [
|
|
{ 'type': 'retain', 'length': 5 },
|
|
{ 'type': 'replace', 'remove': [ { 'type': 'table' }, { 'type': 'tableSection', 'attributes': { 'style': 'body' } }, { 'type': 'tableRow' }, { 'type': 'tableCell', 'attributes': { 'style': 'data' } } ], 'insert': [ { 'type': 'list' }, { 'type': 'listItem' } ] },
|
|
{ 'type': 'retain', 'length': 24 },
|
|
{ 'type': 'replace', 'remove': [ { 'type': '/tableCell' }, { 'type': '/tableRow' }, { 'type': '/tableSection' }, { 'type': '/table' } ], 'insert': [ { 'type': '/listItem' }, { 'type': '/list' } ] },
|
|
{ 'type': 'retain', 'length': 24 }
|
|
]
|
|
},
|
|
'wraps two adjacent paragraphs in a list': {
|
|
'args': [doc, new ve.Range( 55, 61 ), [], [ { 'type': 'list', 'attributes': { 'style': 'number' } } ], [], [ { 'type': 'listItem' } ]],
|
|
'ops': [
|
|
{ 'type': 'retain', 'length': 55 },
|
|
{ 'type': 'replace', 'remove': [], 'insert': [ { 'type': 'list', 'attributes': { 'style': 'number' } } ] },
|
|
{ 'type': 'replace', 'remove': [], 'insert': [ { 'type': 'listItem' } ] },
|
|
{ 'type': 'retain', 'length': 3 },
|
|
{ 'type': 'replace', 'remove': [], 'insert': [ { 'type': '/listItem' } ] },
|
|
{ 'type': 'replace', 'remove': [], 'insert': [ { 'type': 'listItem' } ] },
|
|
{ 'type': 'retain', 'length': 3 },
|
|
{ 'type': 'replace', 'remove': [], 'insert': [ { 'type': '/listItem' } ] },
|
|
{ 'type': 'replace', 'remove': [], 'insert': [ { 'type': '/list' } ] }
|
|
]
|
|
},
|
|
'wraps two adjacent paragraphs in a definitionList': {
|
|
'args': [doc, new ve.Range( 55, 61 ), [], [ { 'type': 'definitionList' } ], [], [ { 'type': 'definitionListItem', 'attributes': { 'style': 'term' } } ]],
|
|
'ops': [
|
|
{ 'type': 'retain', 'length': 55 },
|
|
{ 'type': 'replace', 'remove': [], 'insert': [ { 'type': 'definitionList' } ] },
|
|
{ 'type': 'replace', 'remove': [], 'insert': [ { 'type': 'definitionListItem', 'attributes': { 'style': 'term' } } ] },
|
|
{ 'type': 'retain', 'length': 3 },
|
|
{ 'type': 'replace', 'remove': [], 'insert': [ { 'type': '/definitionListItem' } ] },
|
|
{ 'type': 'replace', 'remove': [], 'insert': [ { 'type': 'definitionListItem', 'attributes': { 'style': 'term' } } ] },
|
|
{ 'type': 'retain', 'length': 3 },
|
|
{ 'type': 'replace', 'remove': [], 'insert': [ { 'type': '/definitionListItem' } ] },
|
|
{ 'type': 'replace', 'remove': [], 'insert': [ { 'type': '/definitionList' } ] }
|
|
]
|
|
},
|
|
'checks integrity of unwrapOuter parameter': {
|
|
'args': [doc, new ve.Range( 13, 32 ), [ { 'type': 'table' } ], [], [], []],
|
|
'exception': /^Element in unwrapOuter does not match: expected table but found list$/
|
|
},
|
|
'checks integrity of unwrapEach parameter': {
|
|
'args': [doc, new ve.Range( 13, 32 ), [ { 'type': 'list' } ], [], [ { 'type': 'paragraph' } ], []],
|
|
'exception': /^Element in unwrapEach does not match: expected paragraph but found listItem$/
|
|
},
|
|
'checks that unwrapOuter fits before the range': {
|
|
'args': [doc, new ve.Range( 1, 4 ), [ { 'type': 'listItem' }, { 'type': 'paragraph' } ], [], [], []],
|
|
'exception': /^unwrapOuter is longer than the data preceding the range$/
|
|
}
|
|
};
|
|
runConstructorTests(
|
|
assert,
|
|
ve.dm.Transaction.newFromWrap,
|
|
cases
|
|
);
|
|
} );
|
|
|
|
QUnit.test( 'translateOffset', function ( assert ) {
|
|
var tx, mapping, offset;
|
|
// Populate a transaction with bogus data
|
|
tx = new ve.dm.Transaction();
|
|
tx.pushReplace( [], ['a','b','c'] );
|
|
tx.pushRetain ( 5 );
|
|
tx.pushReplace( ['d', 'e', 'f', 'g'], [] );
|
|
tx.pushRetain( 2 );
|
|
tx.pushStartAnnotating( 'set', { 'type': 'textStyle/bold' } );
|
|
tx.pushRetain( 1 );
|
|
tx.pushReplace( ['h'], ['i', 'j', 'k', 'l', 'm'] );
|
|
|
|
mapping = {
|
|
0: 0,
|
|
1: 4,
|
|
2: 5,
|
|
3: 6,
|
|
4: 7,
|
|
5: 8,
|
|
6: 8,
|
|
7: 8,
|
|
8: 8,
|
|
9: 8,
|
|
10: 9,
|
|
11: 10,
|
|
12: 11,
|
|
13: 16
|
|
};
|
|
QUnit.expect( 14 );
|
|
for ( offset in mapping ) {
|
|
assert.strictEqual( tx.translateOffset( Number( offset ) ), mapping[offset] );
|
|
}
|
|
} );
|
|
|
|
QUnit.test( 'pushRetain', function ( assert ) {
|
|
var cases = {
|
|
'retain': {
|
|
'calls': [['pushRetain', 5]],
|
|
'ops': [{ 'type': 'retain', 'length': 5 }],
|
|
'diff': 0
|
|
},
|
|
'multiple retain': {
|
|
'calls': [['pushRetain', 5], ['pushRetain', 3]],
|
|
'ops': [{ 'type': 'retain', 'length': 8 }],
|
|
'diff': 0
|
|
}
|
|
};
|
|
runBuilderTests( assert, cases );
|
|
} );
|
|
|
|
QUnit.test( 'pushReplace', function ( assert ) {
|
|
var cases = {
|
|
'insert': {
|
|
'calls': [
|
|
['pushReplace', [], [{ 'type': 'paragraph' }, 'a', 'b', 'c', { 'type': '/paragraph' }]]
|
|
],
|
|
'ops': [
|
|
{
|
|
'type': 'replace',
|
|
'remove': [],
|
|
'insert': [{ 'type': 'paragraph' }, 'a', 'b', 'c', { 'type': '/paragraph' }]
|
|
}
|
|
],
|
|
'diff': 5
|
|
},
|
|
'multiple insert': {
|
|
'calls': [
|
|
['pushReplace', [], [{ 'type': 'paragraph' }, 'a', 'b']],
|
|
['pushReplace', [], ['c', { 'type': '/paragraph' }]]
|
|
],
|
|
'ops': [
|
|
{
|
|
'type': 'replace',
|
|
'remove': [],
|
|
'insert': [{ 'type': 'paragraph' }, 'a', 'b']
|
|
},
|
|
{
|
|
'type': 'replace',
|
|
'remove': [],
|
|
'insert': ['c', { 'type': '/paragraph' }]
|
|
}
|
|
],
|
|
'diff': 5
|
|
},
|
|
'insert and retain': {
|
|
'calls': [
|
|
['pushRetain', 1],
|
|
['pushReplace', [], ['a', 'b', 'c']]
|
|
],
|
|
'ops': [
|
|
{ 'type': 'retain', 'length': 1 },
|
|
{ 'type': 'replace', 'remove': [], 'insert': ['a', 'b', 'c'] }
|
|
],
|
|
'diff': 3
|
|
},
|
|
'remove': {
|
|
'calls': [
|
|
['pushReplace', [{ 'type': 'paragraph' }, 'a', 'b', 'c', { 'type': '/paragraph' }], []]
|
|
],
|
|
'ops': [
|
|
{
|
|
'type': 'replace',
|
|
'remove': [{ 'type': 'paragraph' }, 'a', 'b', 'c', { 'type': '/paragraph' }],
|
|
'insert': []
|
|
}
|
|
],
|
|
'diff': -5
|
|
},
|
|
'multiple remove': {
|
|
'calls': [
|
|
['pushReplace', [{ 'type': 'paragraph' }, 'a', 'b'], []],
|
|
['pushReplace', ['c', { 'type': '/paragraph' }], []]
|
|
],
|
|
'ops': [
|
|
{
|
|
'type': 'replace',
|
|
'remove': [{ 'type': 'paragraph' }, 'a', 'b'],
|
|
'insert': []
|
|
},
|
|
{
|
|
'type': 'replace',
|
|
'remove': ['c', { 'type': '/paragraph' }],
|
|
'insert': []
|
|
}
|
|
],
|
|
'diff': -5
|
|
},
|
|
'remove and retain': {
|
|
'calls': [
|
|
['pushRetain', 1],
|
|
['pushReplace', ['a', 'b', 'c'], []]
|
|
],
|
|
'ops': [
|
|
{ 'type': 'retain', 'length': 1 },
|
|
{ 'type': 'replace', 'remove': ['a', 'b', 'c'], 'insert': [] }
|
|
],
|
|
'diff': -3
|
|
},
|
|
'replace': {
|
|
'calls': [
|
|
['pushReplace', ['a', 'b', 'c'], ['d', 'e', 'f']]
|
|
],
|
|
'ops': [
|
|
{
|
|
'type': 'replace',
|
|
'remove': ['a', 'b', 'c'],
|
|
'insert': ['d', 'e', 'f']
|
|
}
|
|
],
|
|
'diff': 0
|
|
},
|
|
'multiple replace': {
|
|
'calls': [
|
|
['pushReplace', ['a', 'b', 'c'], ['d', 'e', 'f']],
|
|
['pushReplace', ['g', 'h', 'i'], ['j', 'k', 'l']]
|
|
],
|
|
'ops': [
|
|
{
|
|
'type': 'replace',
|
|
'remove': ['a', 'b', 'c'],
|
|
'insert': ['d', 'e', 'f']
|
|
},
|
|
{
|
|
'type': 'replace',
|
|
'remove': ['g', 'h', 'i'],
|
|
'insert': ['j', 'k', 'l']
|
|
}
|
|
],
|
|
'diff': 0
|
|
}
|
|
};
|
|
runBuilderTests( assert, cases );
|
|
} );
|
|
|
|
QUnit.test( 'pushReplaceElementAttribute', function ( assert ) {
|
|
var cases = {
|
|
'replace element attribute': {
|
|
'calls': [
|
|
['pushReplaceElementAttribute', 'style', 'bullet', 'number']
|
|
],
|
|
'ops': [
|
|
{
|
|
'type': 'attribute',
|
|
'key': 'style',
|
|
'from': 'bullet',
|
|
'to': 'number'
|
|
}
|
|
],
|
|
'diff': 0
|
|
},
|
|
'replace multiple element attributes': {
|
|
'calls': [
|
|
['pushReplaceElementAttribute', 'style', 'bullet', 'number'],
|
|
['pushReplaceElementAttribute', 'level', 1, 2]
|
|
],
|
|
'ops': [
|
|
{
|
|
'type': 'attribute',
|
|
'key': 'style',
|
|
'from': 'bullet',
|
|
'to': 'number'
|
|
},
|
|
{
|
|
'type': 'attribute',
|
|
'key': 'level',
|
|
'from': 1,
|
|
'to': 2
|
|
}
|
|
],
|
|
'diff': 0
|
|
}
|
|
};
|
|
runBuilderTests( assert, cases );
|
|
} );
|
|
|
|
QUnit.test( 'push*Annotating', function ( assert ) {
|
|
var cases = {
|
|
'start annotating': {
|
|
'calls': [
|
|
['pushStartAnnotating', 'set', { 'type': 'textStyle/bold' }]
|
|
],
|
|
'ops': [
|
|
{
|
|
'type': 'annotate',
|
|
'method': 'set',
|
|
'bias': 'start',
|
|
'annotation': { 'type': 'textStyle/bold' }
|
|
}
|
|
],
|
|
'diff': 0
|
|
},
|
|
'stop annotating': {
|
|
'calls': [
|
|
['pushStopAnnotating', 'set', { 'type': 'textStyle/bold' }]
|
|
],
|
|
'ops': [
|
|
{
|
|
'type': 'annotate',
|
|
'method': 'set',
|
|
'bias': 'stop',
|
|
'annotation': { 'type': 'textStyle/bold' }
|
|
}
|
|
],
|
|
'diff': 0
|
|
},
|
|
'start multiple annotations': {
|
|
'calls': [
|
|
['pushStartAnnotating', 'set', { 'type': 'textStyle/bold' }],
|
|
['pushStartAnnotating', 'set', { 'type': 'textStyle/italic' }]
|
|
],
|
|
'ops': [
|
|
{
|
|
'type': 'annotate',
|
|
'method': 'set',
|
|
'bias': 'start',
|
|
'annotation': { 'type': 'textStyle/bold' }
|
|
},
|
|
{
|
|
'type': 'annotate',
|
|
'method': 'set',
|
|
'bias': 'start',
|
|
'annotation': { 'type': 'textStyle/italic' }
|
|
}
|
|
],
|
|
'diff': 0
|
|
},
|
|
'stop multiple annotations': {
|
|
'calls': [
|
|
['pushStopAnnotating', 'set', { 'type': 'textStyle/bold' }],
|
|
['pushStopAnnotating', 'set', { 'type': 'textStyle/italic' }]
|
|
],
|
|
'ops': [
|
|
{
|
|
'type': 'annotate',
|
|
'method': 'set',
|
|
'bias': 'stop',
|
|
'annotation': { 'type': 'textStyle/bold' }
|
|
},
|
|
{
|
|
'type': 'annotate',
|
|
'method': 'set',
|
|
'bias': 'stop',
|
|
'annotation': { 'type': 'textStyle/italic' }
|
|
}
|
|
],
|
|
'diff': 0
|
|
}
|
|
};
|
|
runBuilderTests( assert, cases );
|
|
} );
|