| <!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> |
