tor-browser

The Tor Browser
git clone https://git.dasho.dev/tor-browser.git
Log | Files | Refs | README | LICENSE

test_smilFillMode.xhtml (2335B)

      1 <html xmlns="http://www.w3.org/1999/xhtml">
      2 <head>
      3  <title>Test for SMIL fill modes</title>
      4  <script src="/tests/SimpleTest/SimpleTest.js"></script>
      5  <link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css" />
      6 </head>
      7 <body>
      8 <p id="display"></p>
      9 <div id="content">
     10 <svg id="svg" xmlns="http://www.w3.org/2000/svg" width="120px" height="120px"
     11     onload="this.pauseAnimations()">
     12  <circle cx="-100" cy="20" r="15" fill="blue" id="circle"/>
     13 </svg>
     14 </div>
     15 <pre id="test">
     16 <script class="testbody" type="text/javascript">
     17 <![CDATA[
     18 /** Test for SMIL fill modes */
     19 
     20 /* Global Variables */
     21 const svgns="http://www.w3.org/2000/svg";
     22 var svg = document.getElementById("svg");
     23 var circle = document.getElementById('circle');
     24 
     25 SimpleTest.waitForExplicitFinish();
     26 
     27 function createAnim() {
     28  var anim = document.createElementNS(svgns,'animate');
     29  anim.setAttribute('attributeName','cx');
     30  anim.setAttribute('dur','4s');
     31  anim.setAttribute('begin','0s');
     32  anim.setAttribute('values', '10; 20');
     33  return circle.appendChild(anim);
     34 }
     35 
     36 function main() {
     37  ok(svg.animationsPaused(), "should be paused by <svg> load handler");
     38  is(svg.getCurrentTime(), 0, "should be paused at 0 in <svg> load handler");
     39 
     40  var tests =
     41    [ testSetLaterA,
     42      testSetLaterB,
     43      testRemoveLater ];
     44  for (var i = 0; i < tests.length; i++) {
     45    var anim = createAnim();
     46    svg.setCurrentTime(0);
     47    tests[i](anim);
     48    anim.remove();
     49  }
     50  SimpleTest.finish();
     51 }
     52 
     53 function checkSample(time, expectedValue) {
     54  svg.setCurrentTime(time);
     55  is(circle.cx.animVal.value, expectedValue,
     56     "Updated fill mode not applied to animation");
     57 }
     58 
     59 // Test that we can update the fill mode after an interval has played and it
     60 // will be updated correctly.
     61 function testSetLaterA(anim) {
     62  checkSample(5, -100);
     63  anim.setAttribute('fill', 'freeze');
     64  is(circle.cx.animVal.value, 20,
     65    "Fill not applied for retrospectively set fill mode");
     66 }
     67 
     68 function testSetLaterB(anim) {
     69  anim.setAttribute('fill', 'freeze');
     70  checkSample(5, 20);
     71 }
     72 
     73 function testRemoveLater(anim) {
     74  anim.setAttribute('fill', 'freeze');
     75  checkSample(5, 20);
     76  anim.setAttribute('fill', 'remove');
     77  is(circle.cx.animVal.value, -100,
     78    "Fill not removed for retrospectively set fill mode");
     79 }
     80 
     81 window.addEventListener("load", main);
     82 ]]>
     83 </script>
     84 </pre>
     85 </body>
     86 </html>