The Tor Browser / file comparison
comparison: dom/smil/test/test_smilCrossContainer.xhtml
dom/smil/test/test_smilCrossContainer.xhtml
- branch
- TOR_BUG_9701
- changeset 15
- b8a032363ba2
equal
deleted
inserted
replaced
| -1:000000000000 | 0:96c49d005082 |
|---|---|
| 1 <?xml version="1.0" encoding="UTF-8" ?> | |
| 2 <html xmlns="http://www.w3.org/1999/xhtml"> | |
| 3 <head> | |
| 4 <title>Test for moving animations between time containers</title> | |
| 5 <script type="text/javascript" src="/tests/SimpleTest/SimpleTest.js"></script> | |
| 6 <link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css" /> | |
| 7 </head> | |
| 8 <body> | |
| 9 <p id="display"></p> | |
| 10 <div id="content" style="display: none"> | |
| 11 <svg id="svga" xmlns="http://www.w3.org/2000/svg" width="120px" height="120px" | |
| 12 onload="this.pauseAnimations()"> | |
| 13 <circle cx="-20" cy="20" r="15" fill="blue" id="circlea"/> | |
| 14 </svg> | |
| 15 <svg id="svgb" xmlns="http://www.w3.org/2000/svg" width="120px" height="120px" | |
| 16 onload="this.pauseAnimations()"> | |
| 17 <circle cx="-20" cy="20" r="15" fill="blue" id="circleb"> | |
| 18 <set attributeName="cy" to="120" begin="4s" dur="1s" id="syncb"/> | |
| 19 </circle> | |
| 20 </svg> | |
| 21 </div> | |
| 22 <pre id="test"> | |
| 23 <script class="testbody" type="text/javascript"> | |
| 24 <![CDATA[ | |
| 25 /** Test for moving animations between time containers **/ | |
| 26 | |
| 27 SimpleTest.waitForExplicitFinish(); | |
| 28 | |
| 29 function main() { | |
| 30 var svga = getElement("svga"); | |
| 31 ok(svga.animationsPaused(), "should be paused by <svg> load handler"); | |
| 32 is(svga.getCurrentTime(), 0, "should be paused at 0 in <svg> load handler"); | |
| 33 svga.setCurrentTime(1); | |
| 34 | |
| 35 var svgb = getElement("svgb"); | |
| 36 ok(svgb.animationsPaused(), "should be paused by <svg> load handler"); | |
| 37 is(svgb.getCurrentTime(), 0, "should be paused at 0 in <svg> load handler"); | |
| 38 svgb.setCurrentTime(1); | |
| 39 | |
| 40 // Create animation and check initial state | |
| 41 var anim = createAnim(); | |
| 42 ok(noStart(anim), "Animation has start time before attaching to document"); | |
| 43 | |
| 44 // Attach animation to first container | |
| 45 var circlea = getElement("circlea"); | |
| 46 var circleb = getElement("circleb"); | |
| 47 circlea.appendChild(anim); | |
| 48 | |
| 49 // Check state after attaching | |
| 50 is(anim.getStartTime(), 2, | |
| 51 "Unexpected start time after attaching animation to target"); | |
| 52 is(circlea.cx.animVal.value, -20, | |
| 53 "Unexpected animated value for yet-to-start animation"); | |
| 54 is(circleb.cx.animVal.value, -20, | |
| 55 "Unexpected animated value for unanimated target"); | |
| 56 | |
| 57 // Move animation from first container to second | |
| 58 circleb.appendChild(anim); | |
| 59 | |
| 60 // Advance first container and check animation has no effect | |
| 61 svga.setCurrentTime(2); | |
| 62 is(anim.getStartTime(), 2, | |
| 63 "Unexpected start time after moving animation"); | |
| 64 is(circlea.cx.animVal.value, -20, | |
| 65 "Unexpected animated value for non-longer-animated target"); | |
| 66 is(circleb.cx.animVal.value, -20, | |
| 67 "Unexpected animated value for now yet-to-start animation"); | |
| 68 | |
| 69 // Advance second container and check the animation only affects it | |
| 70 svgb.setCurrentTime(2); | |
| 71 is(anim.getStartTime(), 2, "Start time changed after time container seek"); | |
| 72 is(circlea.cx.animVal.value, -20, | |
| 73 "Unanimated target changed after seek on other container"); | |
| 74 is(circleb.cx.animVal.value, 100, "Animated target not animated after seek"); | |
| 75 | |
| 76 // Remove animation so that it belongs to no container and check that | |
| 77 // advancing the second container to the next milestone doesn't cause a crash | |
| 78 // (when the animation controller goes to run the next milestone sample). | |
| 79 anim.parentNode.removeChild(anim); | |
| 80 svgb.setCurrentTime(3); | |
| 81 | |
| 82 // Do likewise with syncbase relationships | |
| 83 | |
| 84 // Create the syncbase relationship | |
| 85 anim.setAttribute('begin', 'syncb.begin'); | |
| 86 | |
| 87 // Attach to second time container (where t=3s) | |
| 88 circleb.appendChild(anim); | |
| 89 is(anim.getStartTime(), 4, | |
| 90 "Unexpected start time for cross-time container syncbase dependency"); | |
| 91 | |
| 92 // Move to first time container (where t=1s). | |
| 93 // Because we're dealing with different time containers and both are paused, | |
| 94 // future times are effectively unresolved. | |
| 95 circlea.appendChild(anim); | |
| 96 ok(noStart(anim), "Unexpected start time for paused time container"); | |
| 97 | |
| 98 SimpleTest.finish(); | |
| 99 } | |
| 100 | |
| 101 function createAnim() { | |
| 102 const svgns="http://www.w3.org/2000/svg"; | |
| 103 var anim = document.createElementNS(svgns,'set'); | |
| 104 anim.setAttribute('attributeName','cx'); | |
| 105 anim.setAttribute('to','100'); | |
| 106 anim.setAttribute('begin','2s'); | |
| 107 anim.setAttribute('dur','1s'); | |
| 108 return anim; | |
| 109 } | |
| 110 | |
| 111 function noStart(elem) { | |
| 112 var exceptionCaught = false; | |
| 113 | |
| 114 try { | |
| 115 elem.getStartTime(); | |
| 116 } catch(e) { | |
| 117 exceptionCaught = true; | |
| 118 is (e.name, "InvalidStateError", | |
| 119 "Unexpected exception from getStartTime."); | |
| 120 is (e.code, DOMException.INVALID_STATE_ERR, | |
| 121 "Unexpected exception code from getStartTime"); | |
| 122 } | |
| 123 | |
| 124 return exceptionCaught; | |
| 125 } | |
| 126 | |
| 127 window.addEventListener("load", main, false); | |
| 128 ]]> | |
| 129 </script> | |
| 130 </pre> | |
| 131 </body> | |
| 132 </html> |
