mediawiki-extensions-Visual.../tests/es/es.DocumentModel.test.js

803 lines
21 KiB
JavaScript

module( 'es/models' );
test( 'es.DocumentModel.getData', 1, function() {
var documentModel = es.DocumentModel.newFromPlainObject( esTest.obj );
// Test 1
deepEqual( documentModel.getData(), esTest.data, 'Flattening plain objects results in correct data' );
} );
test( 'es.DocumentModel.getChildren', 1, function() {
var documentModel = es.DocumentModel.newFromPlainObject( esTest.obj );
function equalLengths( a, b ) {
if ( a.length !== b.length ) {
return false;
}
for ( var i = 0; i < a.length; i++ ) {
if ( a[i].getContentLength() !== b[i].getContentLength() ) {
console.log( 'mismatched content lengths', a[i], b[i] );
return false;
}
var aIsBranch = typeof a[i].getChildren === 'function';
var bIsBranch = typeof b[i].getChildren === 'function';
if ( aIsBranch !== bIsBranch ) {
return false;
}
if ( aIsBranch && !equalLengths( a[i].getChildren(), b[i].getChildren() ) ) {
return false;
}
}
return true;
}
// Test 1
ok(
equalLengths( documentModel.getChildren(), esTest.tree ),
'Nodes in the model tree contain correct lengths'
);
} );
test( 'es.DocumentModel.getRelativeContentOffset', 7, function() {
var documentModel = es.DocumentModel.newFromPlainObject( esTest.obj );
// Test 1
equal(
documentModel.getRelativeContentOffset( 1, 1 ),
2,
'getRelativeContentOffset advances forwards through the inside of elements'
);
// Test 2
equal(
documentModel.getRelativeContentOffset( 2, -1 ),
1,
'getRelativeContentOffset advances backwards through the inside of elements'
);
// Test 3
equal(
documentModel.getRelativeContentOffset( 3, 1 ),
4,
'getRelativeContentOffset uses the offset after the last character in an element'
);
// Test 4
equal(
documentModel.getRelativeContentOffset( 1, -1 ),
1,
'getRelativeContentOffset does not allow moving before the content of the first node'
);
// Test 5
equal(
documentModel.getRelativeContentOffset( 33, 1 ),
33,
'getRelativeContentOffset does not allow moving after the content of the last node'
);
// Test 6
equal(
documentModel.getRelativeContentOffset( 4, 1 ),
9,
'getRelativeContentOffset advances forwards between elements'
);
// Test 7
equal(
documentModel.getRelativeContentOffset( 32, -1 ),
25,
'getRelativeContentOffset advances backwards between elements'
);
} );
test( 'es.DocumentModel.getContent', 6, function() {
var documentModel = es.DocumentModel.newFromPlainObject( esTest.obj ),
childNodes = documentModel.getChildren();
// Test 1
deepEqual(
childNodes[0].getContent( new es.Range( 1, 3 ) ),
[
['b', { 'type': 'textStyle/bold', 'hash': '{"type":"textStyle/bold"}' }],
['c', { 'type': 'textStyle/italic', 'hash': '{"type":"textStyle/italic"}' }]
],
'getContent can return an ending portion of the content'
);
// Test 2
deepEqual(
childNodes[0].getContent( new es.Range( 0, 2 ) ),
['a', ['b', { 'type': 'textStyle/bold', 'hash': '{"type":"textStyle/bold"}' }]],
'getContent can return a beginning portion of the content'
);
// Test 3
deepEqual(
childNodes[0].getContent( new es.Range( 1, 2 ) ),
[['b', { 'type': 'textStyle/bold', 'hash': '{"type":"textStyle/bold"}' }]],
'getContent can return a middle portion of the content'
);
// Test 4
try {
childNodes[0].getContent( new es.Range( -1, 3 ) );
} catch ( negativeIndexError ) {
ok( true, 'getContent throws exceptions when given a range with start < 0' );
}
// Test 5
try {
childNodes[0].getContent( new es.Range( 0, 4 ) );
} catch ( outOfRangeError ) {
ok( true, 'getContent throws exceptions when given a range with end > length' );
}
// Test 6
deepEqual( childNodes[2].getContent(), ['h'], 'Content can be extracted from nodes' );
} );
test( 'es.DocumentModel.getIndexOfAnnotation', 3, function() {
var documentModel = es.DocumentModel.newFromPlainObject( esTest.obj );
var bold = { 'type': 'textStyle/bold', 'hash': '{"type":"textStyle/bold"}' },
italic = { 'type': 'textStyle/italic', 'hash': '{"type":"textStyle/italic"}' },
nothing = { 'type': 'nothing', 'hash': '{"type":"nothing"}' },
character = ['a', bold, italic];
// Test 1
equal(
es.DocumentModel.getIndexOfAnnotation( character, bold ),
1,
'getIndexOfAnnotation get the correct index'
);
// Test 2
equal(
es.DocumentModel.getIndexOfAnnotation( character, italic ),
2,
'getIndexOfAnnotation get the correct index'
);
// Test 3
equal(
es.DocumentModel.getIndexOfAnnotation( character, nothing ),
-1,
'getIndexOfAnnotation returns -1 if the annotation was not found'
);
} );
test( 'es.DocumentModel.getWordBoundaries', 2, function() {
var documentModel = es.DocumentModel.newFromPlainObject( esTest.obj );
deepEqual(
documentModel.getWordBoundaries( 2 ),
new es.Range( 1, 4 ),
'getWordBoundaries returns range around nearest whole word'
);
strictEqual(
documentModel.getWordBoundaries( 5 ),
null,
'getWordBoundaries returns null when given non-content offset'
);
} );
test( 'es.DocumentModel.getAnnotationBoundaries', 2, function() {
var documentModel = es.DocumentModel.newFromPlainObject( esTest.obj );
deepEqual(
documentModel.getAnnotationBoundaries( 2, { 'type': 'textStyle/bold' } ),
new es.Range( 2, 3 ),
'getWordBoundaries returns range around content covered by annotation'
);
strictEqual(
documentModel.getAnnotationBoundaries( 1, { 'type': 'textStyle/bold' } ),
null,
'getWordBoundaries returns null if offset is not covered by annotation'
);
} );
test( 'es.DocumentModel.getAnnotationsFromOffset', 4, function() {
var documentModel = es.DocumentModel.newFromPlainObject( esTest.obj );
deepEqual(
documentModel.getAnnotationsFromOffset( 1 ),
[],
'getAnnotationsFromOffset returns empty array for non-annotated content'
);
deepEqual(
documentModel.getAnnotationsFromOffset( 2 ),
[{ 'type': 'textStyle/bold', 'hash': '{"type":"textStyle/bold"}' }],
'getAnnotationsFromOffset returns annotations of annotated content correctly'
);
deepEqual(
documentModel.getAnnotationsFromOffset( 3 ),
[{ 'type': 'textStyle/italic', 'hash': '{"type":"textStyle/italic"}' }],
'getAnnotationsFromOffset returns annotations of annotated content correctly'
);
deepEqual(
documentModel.getAnnotationsFromOffset( 0 ),
[],
'getAnnotationsFromOffset returns empty array when given a non-content offset'
);
} );
test( 'es.DocumentModel.prepareElementAttributeChange', 4, function() {
var documentModel = es.DocumentModel.newFromPlainObject( esTest.obj );
// Test 1
deepEqual(
documentModel.prepareElementAttributeChange( 0, 'set', 'test', 1234 ).getOperations(),
[
{ 'type': 'attribute', 'method': 'set', 'key': 'test', 'value': 1234 },
{ 'type': 'retain', 'length': 34 }
],
'prepareElementAttributeChange retains data after attribute change for first element'
);
// Test 2
deepEqual(
documentModel.prepareElementAttributeChange( 5, 'set', 'test', 1234 ).getOperations(),
[
{ 'type': 'retain', 'length': 5 },
{ 'type': 'attribute', 'method': 'set', 'key': 'test', 'value': 1234 },
{ 'type': 'retain', 'length': 29 }
],
'prepareElementAttributeChange retains data before and after attribute change'
);
// Test 3
try {
documentModel.prepareElementAttributeChange( 1, 'set', 'test', 1234 );
} catch ( invalidOffsetError ) {
ok(
true,
'prepareElementAttributeChange throws an exception when offset is not an element'
);
}
// Test 4
try {
documentModel.prepareElementAttributeChange( 4, 'set', 'test', 1234 );
} catch ( closingElementError ) {
ok(
true,
'prepareElementAttributeChange throws an exception when offset is a closing element'
);
}
} );
test( 'es.DocumentModel.prepareContentAnnotation', 3, function() {
var documentModel = es.DocumentModel.newFromPlainObject( esTest.obj );
// Test 1
deepEqual(
documentModel.prepareContentAnnotation(
new es.Range( 1, 4 ), 'set', { 'type': 'textStyle/bold' }
).getOperations(),
[
{ 'type': 'retain', 'length': 1 },
{
'type': 'annotate',
'method': 'set',
'bias': 'start',
'annotation': { 'type': 'textStyle/bold', 'hash': '{"type":"textStyle/bold"}' }
},
{ 'type': 'retain', 'length': 1 },
{
'type': 'annotate',
'method': 'set',
'bias': 'stop',
'annotation': { 'type': 'textStyle/bold', 'hash': '{"type":"textStyle/bold"}' }
},
{ 'type': 'retain', 'length': 1 },
{
'type': 'annotate',
'method': 'set',
'bias': 'start',
'annotation': { 'type': 'textStyle/bold', 'hash': '{"type":"textStyle/bold"}' }
},
{ 'type': 'retain', 'length': 1 },
{
'type': 'annotate',
'method': 'set',
'bias': 'stop',
'annotation': { 'type': 'textStyle/bold', 'hash': '{"type":"textStyle/bold"}' }
},
{ 'type': 'retain', 'length': 30 }
],
'prepareContentAnnotation skips over content that is already set or cleared'
);
// Test 2
deepEqual(
documentModel.prepareContentAnnotation(
new es.Range( 3, 10 ), 'set', { 'type': 'textStyle/bold' }
).getOperations(),
[
{ 'type': 'retain', 'length': 3 },
{
'type': 'annotate',
'method': 'set',
'bias': 'start',
'annotation': { 'type': 'textStyle/bold', 'hash': '{"type":"textStyle/bold"}' }
},
{ 'type': 'retain', 'length': 1 },
{
'type': 'annotate',
'method': 'set',
'bias': 'stop',
'annotation': { 'type': 'textStyle/bold', 'hash': '{"type":"textStyle/bold"}' }
},
{ 'type': 'retain', 'length': 5 },
{
'type': 'annotate',
'method': 'set',
'bias': 'start',
'annotation': { 'type': 'textStyle/bold', 'hash': '{"type":"textStyle/bold"}' }
},
{ 'type': 'retain', 'length': 1 },
{
'type': 'annotate',
'method': 'set',
'bias': 'stop',
'annotation': { 'type': 'textStyle/bold', 'hash': '{"type":"textStyle/bold"}' }
},
{ 'type': 'retain', 'length': 24 }
],
'prepareContentAnnotation works across element boundaries'
);
// Test 3
deepEqual(
documentModel.prepareContentAnnotation(
new es.Range( 4, 11 ), 'set', { 'type': 'textStyle/bold' }
).getOperations(),
[
{ 'type': 'retain', 'length': 9 },
{
'type': 'annotate',
'method': 'set',
'bias': 'start',
'annotation': { 'type': 'textStyle/bold', 'hash': '{"type":"textStyle/bold"}' }
},
{ 'type': 'retain', 'length': 1 },
{
'type': 'annotate',
'method': 'set',
'bias': 'stop',
'annotation': { 'type': 'textStyle/bold', 'hash': '{"type":"textStyle/bold"}' }
},
{ 'type': 'retain', 'length': 24 }
],
'prepareContentAnnotation works when given structural offsets'
);
} );
test( 'es.DocumentModel.prepareRemoval', 11, function() {
var documentModel = es.DocumentModel.newFromPlainObject( esTest.obj );
// Test 1
deepEqual(
documentModel.prepareRemoval( new es.Range( 1, 4 ) ).getOperations(),
[
{ 'type': 'retain', 'length': 1 },
{
'type': 'remove',
'data': [
'a',
['b', { 'type': 'textStyle/bold', 'hash': '{"type":"textStyle/bold"}' }],
['c', { 'type': 'textStyle/italic', 'hash': '{"type":"textStyle/italic"}' }]
]
},
{ 'type': 'retain', 'length': 30 }
],
'prepareRemoval includes the content being removed'
);
// Test 2
deepEqual(
documentModel.prepareRemoval( new es.Range( 17, 22 ) ).getOperations(),
[
{ 'type': 'retain', 'length': 17 },
{
'type': 'remove',
'data': [
{ 'type': 'listItem', 'attributes': { 'styles': ['bullet', 'bullet'] } },
{ 'type': 'paragraph' },
'f',
{ 'type': '/paragraph' },
{ 'type': '/listItem' }
]
},
{ 'type': 'retain', 'length': 12 }
],
'prepareRemoval removes entire elements'
);
// Test 3
deepEqual(
documentModel.prepareRemoval( new es.Range( 3, 9 ) ).getOperations(),
[
{ 'type': 'retain', 'length': 3 },
{
'type': 'remove',
'data': [
['c', { 'type': 'textStyle/italic', 'hash': '{"type":"textStyle/italic"}' }]
]
},
{ 'type': 'retain', 'length': 30 }
],
'prepareRemoval works across structural nodes'
);
// Test 4
deepEqual(
documentModel.prepareRemoval( new es.Range( 3, 24 ) ).getOperations(),
[
{ 'type': 'retain', 'length': 3 },
{
'type': 'remove',
'data': [['c', { 'type': 'textStyle/italic', 'hash': '{"type":"textStyle/italic"}' }]]
},
{ 'type': 'retain', 'length': 4 },
{
'type': 'remove',
'data': [{ 'type': 'paragraph' }, 'd', { 'type': '/paragraph' }]
},
{ 'type': 'retain', 'length': 1 },
{
'type': 'remove',
'data': [
{ 'type': 'listItem', 'attributes': { 'styles': ['bullet'] } },
{ 'type': 'paragraph' },
'e',
{ 'type': '/paragraph' },
{ 'type': '/listItem' },
{ 'type': 'listItem', 'attributes': { 'styles': ['bullet', 'bullet'] } },
{ 'type': 'paragraph' },
'f',
{ 'type': '/paragraph' },
{ 'type': '/listItem' }
]
},
{ 'type': 'retain', 'length': 12 }
],
'prepareRemoval strips and drops correctly when working across structural nodes'
);
// Test 5
deepEqual(
documentModel.prepareRemoval( new es.Range( 3, 25 ) ).getOperations(),
[
{ 'type': 'retain', 'length': 3 },
{
'type': 'remove',
'data': [['c', { 'type': 'textStyle/italic', 'hash': '{"type":"textStyle/italic"}' }]]
},
{ 'type': 'retain', 'length': 4 },
{
'type': 'remove',
'data': [{ 'type': 'paragraph' }, 'd', { 'type': '/paragraph' }]
},
{ 'type': 'retain', 'length': 1 },
{
'type': 'remove',
'data': [
{ 'type': 'listItem', 'attributes': { 'styles': ['bullet'] } },
{ 'type': 'paragraph' },
'e',
{ 'type': '/paragraph' },
{ 'type': '/listItem' },
{ 'type': 'listItem', 'attributes': { 'styles': ['bullet', 'bullet'] } },
{ 'type': 'paragraph' },
'f',
{ 'type': '/paragraph' },
{ 'type': '/listItem' }
]
},
{ 'type': 'retain', 'length': 2 },
{
'type': 'remove',
'data': [ 'g' ]
},
{ 'type': 'retain', 'length': 9 }
],
'prepareRemoval strips and drops correctly when working across structural nodes (2)'
);
// Test 6
deepEqual(
documentModel.prepareRemoval( new es.Range( 9, 17 ) ).getOperations(),
[
{ 'type': 'retain', 'length': 9 },
{
'type': 'remove',
'data': [ 'd' ]
},
{ 'type': 'retain', 'length': 2 },
{
'type': 'remove',
'data': [
{ 'type': 'listItem', 'attributes': { 'styles': ['bullet'] } },
{ 'type': 'paragraph' },
'e',
{ 'type': '/paragraph' },
{ 'type': '/listItem' }
]
},
{ 'type': 'retain', 'length': 17 }
],
'prepareRemoval will not merge items of unequal types'
);
// Test 7
deepEqual(
documentModel.prepareRemoval( new es.Range( 9, 27 ) ).getOperations(),
[
{ 'type': 'retain', 'length': 9 },
{
'type': 'remove',
'data': [ 'd' ]
},
{ 'type': 'retain', 'length': 2 },
{
'type': 'remove',
'data': [
{ 'type': 'listItem', 'attributes': { 'styles': ['bullet'] } },
{ 'type': 'paragraph' },
'e',
{ 'type': '/paragraph' },
{ 'type': '/listItem' },
{ 'type': 'listItem', 'attributes': { 'styles': ['bullet', 'bullet'] } },
{ 'type': 'paragraph' },
'f',
{ 'type': '/paragraph' },
{ 'type': '/listItem' },
{ 'type': 'listItem', 'attributes': { 'styles': ['number'] } },
{ 'type': 'paragraph' },
'g',
{ 'type': '/paragraph' },
{ 'type': '/listItem' }
]
},
{ 'type': 'retain', 'length': 7 }
],
'prepareRemoval blanks a paragraph and a list'
);
// Test 8
deepEqual(
documentModel.prepareRemoval( new es.Range( 21, 23 ) ).getOperations(),
[
{ 'type': 'retain', 'length': 21 },
{
'type': 'remove',
'data': [
{ 'type': '/listItem' },
{ 'type': 'listItem', 'attributes': { 'styles': ['number'] } }
]
},
{ 'type': 'retain', 'length': 11 }
],
'prepareRemoval merges two list items'
);
// Test 9
deepEqual(
documentModel.prepareRemoval( new es.Range( 20, 24 ) ).getOperations(),
[
{ 'type': 'retain', 'length': 20 },
{
'type': 'remove',
'data': [
{ 'type': '/paragraph' },
{ 'type': '/listItem' },
{ 'type': 'listItem', 'attributes': { 'styles': ['number'] } },
{ 'type': 'paragraph' }
]
},
{ 'type': 'retain', 'length': 10 }
],
'prepareRemoval merges two list items and the paragraphs inside them'
);
// Test 10
deepEqual(
documentModel.prepareRemoval( new es.Range( 20, 23 ) ).getOperations(),
[
{ 'type': 'retain', 'length': 34 }
],
'prepareRemoval returns a null transaction when attempting an unbalanced merge'
);
// Test 11
deepEqual(
documentModel.prepareRemoval( new es.Range( 15, 24 ) ).getOperations(),
[
{ 'type': 'retain', 'length': 15 },
{
'type': 'remove',
'data': [
{ 'type': '/paragraph' },
{ 'type': '/listItem' },
{ 'type': 'listItem', 'attributes': { 'styles': ['bullet', 'bullet'] } },
{ 'type': 'paragraph' },
'f',
{ 'type': '/paragraph' },
{ 'type': '/listItem' },
{ 'type': 'listItem', 'attributes': { 'styles': ['number'] } },
{ 'type': 'paragraph' }
]
},
{ 'type': 'retain', 'length': 10 }
],
'prepareRemoval merges two list items and the paragraphs inside them'
);
} );
test( 'es.DocumentModel.prepareInsertion', 11, function() {
var documentModel = es.DocumentModel.newFromPlainObject( esTest.obj );
// Test 1
deepEqual(
documentModel.prepareInsertion( 1, ['d', 'e', 'f'] ).getOperations(),
[
{ 'type': 'retain', 'length': 1 },
{ 'type': 'insert', 'data': ['d', 'e', 'f'] },
{ 'type': 'retain', 'length': 33 }
],
'prepareInsertion retains data up to the offset and includes the content being inserted'
);
// Test 2
deepEqual(
documentModel.prepareInsertion(
5, [{ 'type': 'paragraph' }, 'd', 'e', 'f', { 'type': '/paragraph' }]
).getOperations(),
[
{ 'type': 'retain', 'length': 5 },
{
'type': 'insert',
'data': [{ 'type': 'paragraph' }, 'd', 'e', 'f', { 'type': '/paragraph' }]
},
{ 'type': 'retain', 'length': 29 }
],
'prepareInsertion inserts a paragraph between two structural elements'
);
// Test 3
deepEqual(
documentModel.prepareInsertion( 5, ['d', 'e', 'f'] ).getOperations(),
[
{ 'type': 'retain', 'length': 5 },
{
'type': 'insert',
'data': [{ 'type': 'paragraph' }, 'd', 'e', 'f', { 'type': '/paragraph' }]
},
{ 'type': 'retain', 'length': 29 }
],
'prepareInsertion wraps unstructured content inserted between elements in a paragraph'
);
// Test 4
deepEqual(
documentModel.prepareInsertion(
5, [{ 'type': 'paragraph' }, 'd', 'e', 'f']
).getOperations(),
[
{ 'type': 'retain', 'length': 5 },
{
'type': 'insert',
'data': [{ 'type': 'paragraph' }, 'd', 'e', 'f', { 'type': '/paragraph' }]
},
{ 'type': 'retain', 'length': 29 }
],
'prepareInsertion completes opening elements in inserted content'
);
// Test 5
deepEqual(
documentModel.prepareInsertion(
2, [ { 'type': 'table' }, { 'type': '/table' } ]
).getOperations(),
[
{ 'type': 'retain', 'length': 2 },
{
'type': 'insert',
'data': [
{ 'type': '/paragraph' },
{ 'type': 'table' },
{ 'type': '/table' },
{ 'type': 'paragraph' }
]
},
{ 'type': 'retain', 'length': 32 }
],
'prepareInsertion splits up paragraph when inserting a table in the middle'
);
// Test 6
deepEqual(
documentModel.prepareInsertion(
2, [ 'f', 'o', 'o', { 'type': '/paragraph' }, { 'type': 'paragraph' }, 'b', 'a', 'r' ]
).getOperations(),
[
{ 'type': 'retain', 'length': 2 },
{
'type': 'insert',
'data': [
'f',
'o',
'o',
{ 'type': '/paragraph' },
{ 'type': 'paragraph' },
'b',
'a',
'r'
]
},
{ 'type': 'retain', 'length': 32 }
],
'prepareInsertion splits paragraph when inserting a paragraph closing and opening inside it'
);
// Test 7
deepEqual(
documentModel.prepareInsertion(
0, [ { 'type': 'paragraph' }, 'f', 'o', 'o', { 'type': '/paragraph' } ]
).getOperations(),
[
{
'type': 'insert',
'data': [ { 'type': 'paragraph' }, 'f', 'o', 'o', { 'type': '/paragraph' } ]
},
{ 'type': 'retain', 'length': 34 }
],
'prepareInsertion inserts at the beginning, then retains up to the end'
);
// Test 8
deepEqual(
documentModel.prepareInsertion(
34, [ { 'type': 'paragraph' }, 'f', 'o', 'o', { 'type': '/paragraph' } ]
).getOperations(),
[
{ 'type': 'retain', 'length': 34 },
{
'type': 'insert',
'data': [ { 'type': 'paragraph' }, 'f', 'o', 'o', { 'type': '/paragraph' } ]
}
],
'prepareInsertion inserts at the end'
);
// Test 9
raises(
function() {
documentModel.prepareInsertion(
-1,
[ { 'type': 'paragraph' }, 'f', 'o', 'o', { 'type': '/paragraph' } ]
);
},
/^Offset -1 out of bounds/,
'prepareInsertion throws exception for negative offset'
);
// Test 10
raises(
function() {
documentModel.prepareInsertion(
35,
[ { 'type': 'paragraph' }, 'f', 'o', 'o', { 'type': '/paragraph' } ]
);
},
/^Offset 35 out of bounds/,
'prepareInsertion throws exception for offset past the end'
);
// Test 11
raises(
function() {
documentModel.prepareInsertion(
5,
[{ 'type': 'paragraph' }, 'a', { 'type': 'listItem' }, { 'type': '/paragraph' }]
);
},
/^Input is malformed: expected \/listItem but got \/paragraph at index 3$/,
'prepareInsertion throws exception for malformed input'
);
} );