mirror of
https://github.com/servo/servo.git
synced 2025-06-25 09:34:32 +01:00
445 lines
23 KiB
HTML
445 lines
23 KiB
HTML
<!DOCTYPE html>
|
|
<meta charset=utf-8>
|
|
<title>AnimationNode replace() method tests</title>
|
|
<meta name="assert" content="Replaces this AnimationNode with the passed in nodes parameter">
|
|
<link rel="help" href="http://w3c.github.io/web-animations/#dom-animationnode-replace">
|
|
<link rel="help" href="http://w3c.github.io/web-animations/#remove-an-animation-node">
|
|
<link rel="help" href="http://w3c.github.io/web-animations/#insert-children">
|
|
<link rel="author" title="Sergey G. Grekhov" href="mailto:sgrekhov@unipro.ru">
|
|
<link rel="author" title="Aleksei Yu. Semenov" href="mailto:a.semenov@unipro.ru">
|
|
<script src="/resources/testharness.js"></script>
|
|
<script src="/resources/testharnessreport.js"></script>
|
|
<script src="../testcommon.js"></script>
|
|
<link rel="stylesheet" href="/resources/testharness.css">
|
|
<body>
|
|
<div id="log"></div>
|
|
<script>
|
|
// Step 1. If there is no parent animation group, terminate these steps.
|
|
test(function() {
|
|
var nodes = [newAnimation(createDiv(this)), new AnimationGroup([]), new AnimationSequence([])];
|
|
nodes.forEach(function(node) {
|
|
try {
|
|
node.replace(null);
|
|
} catch(e) {
|
|
assert_unreached(type(node) + '.replace(null) throws unexpected exception: ' + e);
|
|
}
|
|
});
|
|
}, 'AnimationNode.replace(null) does nothing if node has no parent animation group');
|
|
|
|
test(function() {
|
|
var nodes = [newAnimation(createDiv(this)), new AnimationGroup([]), new AnimationSequence([])];
|
|
nodes.forEach(function(node) {
|
|
try {
|
|
node.replace(node);
|
|
} catch(e) {
|
|
assert_unreached(type(node) + '.replace(node) throws unexpected exception: ' + e);
|
|
}
|
|
});
|
|
}, 'AnimationNode.replace() does nothing if node has no parent animation group. ' +
|
|
'HierarchyRequestError is not thrown if the node is replacing itself');
|
|
|
|
test(function() {
|
|
var test = this;
|
|
var nodes = [newAnimation(createDiv(this)), new AnimationGroup([]), new AnimationSequence([])];
|
|
nodes.forEach(function(node1) {
|
|
var node2 = newAnimation(createDiv(test));
|
|
|
|
try {
|
|
node1.replace(node2);
|
|
} catch(e) {
|
|
assert_unreached(type(node1) + '.replace() throws unexpected exception: ' + e);
|
|
}
|
|
});
|
|
}, 'AnimationNode.replace() does nothing if node has no parent animation group');
|
|
|
|
// Step 2. If any of the animation nodes in nodes is an inclusive ancestor
|
|
// of the parent animation group throw a HierarchyRequestError exception and terminate these steps.
|
|
test(function() {
|
|
var test = this;
|
|
var parents = [AnimationGroup, AnimationSequence];
|
|
parents.forEach(function(parentCtor) {
|
|
var nodes = [newAnimation(createDiv(test)), new AnimationGroup([]), new AnimationSequence([])];
|
|
nodes.forEach(function(node) {
|
|
var parent = new parentCtor([node]);
|
|
|
|
assert_throws('HierarchyRequestError', function() {
|
|
node.replace(node);
|
|
}, 'HierarchyRequestError should be thrown if ' + type(node) +
|
|
' replaces itself');
|
|
assert_equals(node.parent, parent, type(node) + '.replace() should not change ' +
|
|
'parent attribute before throwing HierarchyRequestError');
|
|
assert_array_equals(parent.children, [node], type(node) + '.replace() ' +
|
|
'should not change parent children before throwing HierarchyRequestError');
|
|
});
|
|
});
|
|
}, 'HierarchyRequestError is thrown if the node replaces itself');
|
|
|
|
test(function() {
|
|
var test = this;
|
|
var parents = [AnimationGroup, AnimationSequence];
|
|
parents.forEach(function(parentCtor) {
|
|
var nodes = [newAnimation(createDiv(test)), new AnimationGroup([]), new AnimationSequence([])];
|
|
nodes.forEach(function(node) {
|
|
var parent = new parentCtor([node]);
|
|
|
|
assert_throws('HierarchyRequestError', function() {
|
|
node.replace(parent);
|
|
}, 'HierarchyRequestError should be thrown if ' + type(node) +
|
|
' is replaced by its parent ' + parentCtor.name);
|
|
assert_equals(node.parent, parent, type(node) + '.replace() should not change ' +
|
|
'parent attribute before throwing HierarchyRequestError');
|
|
assert_array_equals(parent.children, [node], type(node) + '.replace() ' +
|
|
'should not change parent children before throwing HierarchyRequestError');
|
|
});
|
|
});
|
|
}, 'HierarchyRequestError is thrown if the node is replaced by its parent');
|
|
|
|
test(function() {
|
|
var test = this;
|
|
var parents = [AnimationGroup, AnimationSequence];
|
|
parents.forEach(function(parentCtor) {
|
|
var nodes = [newAnimation(createDiv(test)), new AnimationGroup([]), new AnimationSequence([])];
|
|
nodes.forEach(function(node) {
|
|
var parent1 = new parentCtor([node]);
|
|
var parent2 = new parentCtor([parent1]);
|
|
var parent3 = new parentCtor([parent2]);
|
|
var parent4 = new parentCtor([parent3]);
|
|
|
|
assert_throws('HierarchyRequestError', function() {
|
|
node.replace(parent3);
|
|
}, 'HierarchyRequestError should be thrown if ' + type(node) +
|
|
' is replaced by its inclusive ancestor' + parentCtor.name);
|
|
assert_equals(node.parent, parent1, type(node) + '.replace() should not change ' +
|
|
'parent attribute before throwing HierarchyRequestError');
|
|
assert_array_equals(parent1.children, [node], type(node) + '.replace() ' +
|
|
'should not change parent children before throwing HierarchyRequestError');
|
|
assert_equals(parent3.parent, parent4, type(node) + '.replace() should not change ' +
|
|
'parent attribute of replacement node before throwing HierarchyRequestError');
|
|
assert_array_equals(parent4.children, [parent3], type(node) + '.replace() ' +
|
|
'should not change replacement node parent children before throwing HierarchyRequestError');
|
|
});
|
|
});
|
|
}, 'HierarchyRequestError is thrown if the node is replaced by its inclusive ancestor');
|
|
|
|
test(function() {
|
|
var test = this;
|
|
var parents = [AnimationGroup, AnimationSequence];
|
|
parents.forEach(function(parentCtor) {
|
|
var nodes = [newAnimation(createDiv(test)), new AnimationGroup([]), new AnimationSequence([])];
|
|
nodes.forEach(function(node1) {
|
|
var parent1 = new parentCtor([node1]);
|
|
var parent2 = new parentCtor([parent1]);
|
|
var parent3 = new parentCtor([parent2]);
|
|
var parent4 = new parentCtor([parent3]);
|
|
var node2 = newAnimation(createDiv(test));
|
|
var parent5 = new parentCtor([node2]);
|
|
|
|
assert_throws('HierarchyRequestError', function() {
|
|
node1.replace(node2, parent3);
|
|
}, 'HierarchyRequestError should be thrown if ' + type(node1) +
|
|
' is replaced by its inclusive ancestor' + parentCtor.name);
|
|
assert_equals(node1.parent, parent1, type(node1) + '.replace() should not change ' +
|
|
'parent attribute before throwing HierarchyRequestError');
|
|
assert_array_equals(parent1.children, [node1], type(node1) + '.replace() ' +
|
|
'should not change parent children before throwing HierarchyRequestError');
|
|
assert_equals(parent3.parent, parent4, type(node1) + '.replace() should not change ' +
|
|
'parent attribute of replacement node before throwing HierarchyRequestError');
|
|
assert_array_equals(parent4.children, [parent3], type(node1) + '.replace() ' +
|
|
'should not change replacement node parent children before throwing HierarchyRequestError');
|
|
assert_equals(node2.parent, parent5, type(node1) + '.replace() should not change ' +
|
|
'parent attribute of replacement node before throwing HierarchyRequestError');
|
|
assert_array_equals(parent5.children, [node2], type(node1) + '.replace() ' +
|
|
'should not change replacement node parent children before throwing HierarchyRequestError');
|
|
});
|
|
});
|
|
}, 'HierarchyRequestError is thrown if node is replaced by its inclusive ancestor. ' +
|
|
'Test several arguments in replace() call');
|
|
|
|
// Step 3. Let reference child be the next sibling of this animation node not in nodes.
|
|
// Step 4. Remove this animation node from its parent animation group.
|
|
test(function() {
|
|
var test = this;
|
|
var parents = [AnimationGroup, AnimationSequence];
|
|
parents.forEach(function(parentCtor) {
|
|
var nodes = [newAnimation(createDiv(test)), new AnimationGroup([]), new AnimationSequence([])];
|
|
nodes.forEach(function(node) {
|
|
var parent = new parentCtor([node]);
|
|
|
|
node.replace();
|
|
|
|
assert_array_equals(parent.children, [], type(node) +
|
|
' node should be removed from parent ' + parentCtor.name);
|
|
assert_equals(node.parent, null, type(node) +
|
|
' node parent attribute should be updated');
|
|
});
|
|
});
|
|
}, 'AnimationNode.replace() without arguments removes the node from the parent ' +
|
|
'animation group');
|
|
|
|
test(function() {
|
|
var test = this;
|
|
var parents = [AnimationGroup, AnimationSequence];
|
|
parents.forEach(function(parentCtor) {
|
|
var nodes = [newAnimation(createDiv(test)), new AnimationGroup([]), new AnimationSequence([])];
|
|
nodes.forEach(function(node1) {
|
|
var node2 = newAnimation(createDiv(test));
|
|
var parent = new parentCtor([node1]);
|
|
|
|
node1.replace(node2);
|
|
|
|
assert_array_equals(parent.children, [node2], type(node1) +
|
|
' node should be removed its parent group');
|
|
assert_equals(node1.parent, null, type(node1) +
|
|
' node should be removed from its parent group');
|
|
assert_equals(node1.previousSibling, null, type(node1) +
|
|
' node previousSibling attribute should be updated');
|
|
assert_equals(node1.nextSibling, null, type(node1) +
|
|
' node nextSibling attribute should be updated');
|
|
});
|
|
});
|
|
}, 'AnimationNode.replace() removes the node from its parent animation group');
|
|
|
|
test(function() {
|
|
var test = this;
|
|
var parents = [AnimationGroup, AnimationSequence];
|
|
parents.forEach(function(parentCtor) {
|
|
var nodes = [newAnimation(createDiv(test)), new AnimationGroup([]), new AnimationSequence([])];
|
|
nodes.forEach(function(node2) {
|
|
var node1 = newAnimation(createDiv(test));
|
|
var node3 = newAnimation(createDiv(test));
|
|
var parent = new parentCtor([node1, node2, node3]);
|
|
|
|
node2.replace(node3);
|
|
|
|
assert_array_equals(parent.children, [node1,node3], type(node2) +
|
|
' node should be removed from parent ' + parentCtor.name);
|
|
assert_equals(node2.parent, null, type(node2) +
|
|
' node parent attribute should be updated');
|
|
assert_equals(node2.nextSibling, null, type(node2) +
|
|
' node nextSibling attribute should be updated');
|
|
assert_equals(node2.previousSibling, null, type(node2) +
|
|
' node previousSibling attribute should be updated');
|
|
assert_equals(node1.nextSibling, node3,
|
|
'Sibling node nextSibling attribute should be updated');
|
|
assert_equals(node3.previousSibling, node1,
|
|
'Sibling node previousSibling attribute should be updated');
|
|
});
|
|
});
|
|
}, 'AnimationNode.replace(next sibling) removes the node from its parent ' +
|
|
'animation group');
|
|
|
|
// Step 5. Insert nodes before reference child.
|
|
test(function() {
|
|
var test = this;
|
|
var parents = [AnimationGroup, AnimationSequence];
|
|
parents.forEach(function(parentCtor) {
|
|
var nodes = [newAnimation(createDiv(test)), new AnimationGroup([]), new AnimationSequence([])];
|
|
nodes.forEach(function(node1) {
|
|
var node2 = newAnimation(createDiv(test));
|
|
var parent = new parentCtor([node1]);
|
|
|
|
node1.replace(node2);
|
|
|
|
assert_array_equals(parent.children, [node2], type(node1) +
|
|
' node should be replaced');
|
|
assert_equals(node2.parent, parent,
|
|
'Replacement node should be assigned to a parent group');
|
|
});
|
|
});
|
|
}, 'AnimationNode.replace() replaces node in the parent animation group');
|
|
|
|
test(function() {
|
|
var test = this;
|
|
var parents = [AnimationGroup, AnimationSequence];
|
|
parents.forEach(function(parentCtor) {
|
|
var nodes = [newAnimation(createDiv(test)), new AnimationGroup([]), new AnimationSequence([])];
|
|
nodes.forEach(function(node4) {
|
|
var node1 = newAnimation(createDiv(test));
|
|
var node2 = newAnimation(createDiv(test));
|
|
var node3 = newAnimation(createDiv(test));
|
|
var parent1 = new parentCtor([node1, node2]);
|
|
var parent2 = new parentCtor([node3, parent1, node4]);
|
|
|
|
node4.replace(node1);
|
|
|
|
assert_array_equals(parent1.children, [node2],
|
|
'Replacement node should be removed from its previous position in the tree');
|
|
assert_array_equals(parent2.children, [node3, parent1, node1],
|
|
'Replacement node should be inserted into the new position');
|
|
assert_equals(node1.parent, parent2, 'Inserted node parent group should be assigned');
|
|
assert_equals(node1.previousSibling, parent1,
|
|
'Inserted node previousSibling attribute should be updated');
|
|
assert_equals(node1.nextSibling, null,
|
|
'Inserted node nextSibling attribute should be updated');
|
|
|
|
assert_equals(node4.parent, null, 'Node should be removed from its parent group');
|
|
assert_equals(node4.previousSibling, null,
|
|
'Replaced node previousSibling attribute should be updated');
|
|
assert_equals(node4.nextSibling, null,
|
|
'Replaced node nextSibling attribute should be updated');
|
|
});
|
|
});
|
|
}, 'Test AnimationNode.replace() replaces given node. The previous position ' +
|
|
'of the replacement node is deeper in the tree than the current node');
|
|
|
|
test(function() {
|
|
var test = this;
|
|
var parents = [AnimationGroup, AnimationSequence];
|
|
parents.forEach(function(parentCtor) {
|
|
var nodes = [newAnimation(createDiv(test)), new AnimationGroup([]), new AnimationSequence([])];
|
|
nodes.forEach(function(node2) {
|
|
var node1 = newAnimation(createDiv(test));
|
|
var node3 = newAnimation(createDiv(test));
|
|
var node4 = newAnimation(createDiv(test));
|
|
var parent1 = new parentCtor([node1, node2]);
|
|
var parent2 = new parentCtor([node3, parent1, node4]);
|
|
|
|
node2.replace(node4);
|
|
|
|
assert_array_equals(parent1.children, [node1, node4],
|
|
'Replacement node should be inserted to the new position');
|
|
assert_array_equals(parent2.children, [node3, parent1],
|
|
'Replacement node should be removed from its previous position in the tree');
|
|
assert_equals(node4.parent, parent1, 'Inserted node parent group should be changed');
|
|
assert_equals(node4.previousSibling, node1,
|
|
'Inserted node previousSibling attribute should be updated');
|
|
assert_equals(node1.nextSibling, node4,
|
|
'Inserted node sibling nextSibling attribute should be updated');
|
|
|
|
assert_equals(node2.parent, null, 'Replaced node parent group should be changed');
|
|
assert_equals(node2.previousSibling, null,
|
|
'Replaced node previousSibling attribute should be updated');
|
|
assert_equals(node2.nextSibling, null, 'Replaced node nextSibling attribute ' +
|
|
'should be updated');
|
|
});
|
|
});
|
|
}, 'Test AnimationNode.replace() replaces given node. The previous position ' +
|
|
'of the replacement node is shallower in the tree than current node, but is not an ancestor');
|
|
|
|
test(function() {
|
|
var test = this;
|
|
var parents = [AnimationGroup, AnimationSequence];
|
|
parents.forEach(function(parentCtor) {
|
|
var nodes = [newAnimation(createDiv(test)), new AnimationGroup([]), new AnimationSequence([])];
|
|
nodes.forEach(function(node2) {
|
|
var node1 = newAnimation(createDiv(test));
|
|
var node3 = newAnimation(createDiv(test));
|
|
var node4 = newAnimation(createDiv(test));
|
|
var parent = new parentCtor([node1, node2]);
|
|
|
|
node2.replace(node3, node4);
|
|
|
|
assert_array_equals(parent.children, [node1, node3, node4], type(node2) + '.replace() ' +
|
|
'should replace the current node by ones passed in arguments');
|
|
assert_equals(node1.nextSibling, node3, 'nextSibling attribute should be updated');
|
|
assert_equals(node3.previousSibling, node1, 'Inserted node previousSibling attribute ' +
|
|
'should be updated');
|
|
assert_equals(node3.nextSibling, node4, 'Inserted node nextSibling attribute ' +
|
|
'should be updated');
|
|
assert_equals(node3.parent, parent, 'Parent group of the inserted node should be changed');
|
|
assert_equals(node4.previousSibling, node3, 'Inserted node previousSibling attribute ' +
|
|
'should be updated');
|
|
assert_equals(node4.nextSibling, null, 'Inserted node nextSibling attribute ' +
|
|
'should be updated');
|
|
assert_equals(node4.parent, parent, 'Parent group of the second inserted node ' +
|
|
'should be changed');
|
|
assert_equals(node2.parent, null, 'Replaced node parent group should be changed');
|
|
assert_equals(node2.previousSibling, null,
|
|
'Replaced node previousSibling attribute should be updated');
|
|
assert_equals(node2.nextSibling, null, 'Replaced node nextSibling attribute ' +
|
|
'should be updated');
|
|
});
|
|
});
|
|
}, 'Test AnimationNode.replace() replaces given node. Test several arguments');
|
|
|
|
test(function() {
|
|
var test = this;
|
|
var parents = [AnimationGroup, AnimationSequence];
|
|
parents.forEach(function(parentCtor) {
|
|
var nodes = [newAnimation(createDiv(test)), new AnimationGroup([]), new AnimationSequence([])];
|
|
nodes.forEach(function(node2) {
|
|
var node1 = newAnimation(createDiv(test));
|
|
var node3 = newAnimation(createDiv(test));
|
|
var node4 = newAnimation(createDiv(test));
|
|
var parent = new parentCtor([node1, node2]);
|
|
|
|
node2.replace(node3, node4, node3, node4);
|
|
|
|
assert_array_equals(parent.children, [node1, node3, node4], type(node2) + '.replace() ' +
|
|
'should replace the current node by ones passed in arguments');
|
|
assert_equals(node1.nextSibling, node3, 'nextSibling attribute should be updated');
|
|
assert_equals(node3.previousSibling, node1, 'Inserted node previousSibling attribute ' +
|
|
'should be updated');
|
|
assert_equals(node3.nextSibling, node4, 'Inserted node nextSibling attribute ' +
|
|
'should be updated');
|
|
assert_equals(node3.parent, parent, 'Parent group of the inserted node should be changed');
|
|
assert_equals(node4.previousSibling, node3, 'Inserted node previousSibling attribute ' +
|
|
'should be updated');
|
|
assert_equals(node4.nextSibling, null, 'Inserted node nextSibling attribute ' +
|
|
'should be updated');
|
|
assert_equals(node4.parent, parent, 'Parent group of the second inserted node ' +
|
|
'should be changed');
|
|
assert_equals(node2.parent, null, 'Replaced node parent group should be changed');
|
|
assert_equals(node2.previousSibling, null,
|
|
'Replaced node previousSibling attribute should be updated');
|
|
assert_equals(node2.nextSibling, null, 'Replaced node nextSibling attribute ' +
|
|
'should be updated');
|
|
});
|
|
});
|
|
}, 'Test AnimationNode.replace() replaces given node by several nodes, duplicate nodes are ignored');
|
|
|
|
test(function() {
|
|
var test = this;
|
|
var parents = [AnimationGroup, AnimationSequence];
|
|
parents.forEach(function(parentCtor) {
|
|
var nodes = [newAnimation(createDiv(test)), new AnimationGroup([]), new AnimationSequence([])];
|
|
nodes.forEach(function(node2) {
|
|
var node1 = newAnimation(createDiv(test));
|
|
var node3 = newAnimation(createDiv(test));
|
|
var node4 = newAnimation(createDiv(test));
|
|
var parent = new parentCtor([node1, node2]);
|
|
|
|
node2.replace(node3, node4, node3);
|
|
|
|
assert_array_equals(parent.children, [node1, node4, node3], type(node2) + '.replace() ' +
|
|
'should replace the current node by ones passed in arguments');
|
|
assert_equals(node1.nextSibling, node4, 'nextSibling attribute should be updated');
|
|
assert_equals(node4.previousSibling, node1, 'Inserted node previousSibling attribute ' +
|
|
'should be updated');
|
|
assert_equals(node4.nextSibling, node3, 'Inserted node nextSibling attribute ' +
|
|
'should be updated');
|
|
assert_equals(node4.parent, parent, 'Parent group of the inserted node should be changed');
|
|
assert_equals(node3.previousSibling, node4, 'Inserted node previousSibling attribute ' +
|
|
'should be updated');
|
|
assert_equals(node3.nextSibling, null, 'Inserted node nextSibling attribute ' +
|
|
'should be updated');
|
|
assert_equals(node3.parent, parent, 'Parent group of the second inserted node ' +
|
|
'should be changed');
|
|
assert_equals(node2.parent, null, 'Replaced node parent group should be changed');
|
|
assert_equals(node2.previousSibling, null,
|
|
'Replaced node previousSibling attribute should be updated');
|
|
assert_equals(node2.nextSibling, null, 'Replaced node nextSibling attribute ' +
|
|
'should be updated');
|
|
});
|
|
});
|
|
}, 'Test AnimationNode.replace() replaces given node by several nodes, check replacement order');
|
|
|
|
test(function() {
|
|
var test = this;
|
|
var parents = [AnimationGroup, AnimationSequence];
|
|
parents.forEach(function(parentCtor) {
|
|
var nodes = [newAnimation(createDiv(test)), new AnimationGroup([]), new AnimationSequence([])];
|
|
nodes.forEach(function(node1) {
|
|
var node2 = newAnimation(createDiv(test));
|
|
var parent = new parentCtor([node1]);
|
|
var player = document.timeline.play(node2);
|
|
|
|
assert_equals(player.source, node2, 'The node should be associated with its player');
|
|
node1.replace(node2);
|
|
assert_equals(player.source, null, 'The node should be disassociated from its player');
|
|
});
|
|
});
|
|
}, 'Test AnimationNode.replace() disassociates the inserted node from the player, ' +
|
|
'if node is directly associated with a player');
|
|
</script>
|
|
</body>
|