third_party/WebKit/LayoutTests/svg/animations/script-tests/svgnumberoptionalnumber-animation-1.js

   1 description("Test 'to' animation of SVGNumberOptionalNumber with optional number.");
   2 createSVGTestCase();
   3
   4 // Setup test document
   5 var defs = createSVGElement("defs");
   6 rootSVGElement.appendChild(defs);
   7
   8 var filter = createSVGElement("filter");
   9 filter.setAttribute("id", "filter");
  10 filter.setAttribute("x", "-30%");
  11 filter.setAttribute("y", "-30%");
  12 filter.setAttribute("width", "160%");
  13 filter.setAttribute("height", "160%");
  14 defs.appendChild(filter);
  15
  16 var feGaussianBlur = createSVGElement("feGaussianBlur");
  17 feGaussianBlur.setAttribute("id", "blur");
  18 feGaussianBlur.setAttribute("stdDeviation", "5");
  19 filter.appendChild(feGaussianBlur);
  20
  21 var rect = createSVGElement("rect");
  22 rect.setAttribute("id", "rect");
  23 rect.setAttribute("x", "50");
  24 rect.setAttribute("y", "50");
  25 rect.setAttribute("width", "200");
  26 rect.setAttribute("height", "200");
  27 rect.setAttribute("fill", "green");
  28 rect.setAttribute("filter", "url(#filter)");
  29 rect.setAttribute("onclick", "executeTest()");
  30 rootSVGElement.appendChild(rect);
  31
  32 var animate = createSVGElement("animate");
  33 animate.setAttribute("id", "animation");
  34 animate.setAttribute("attributeName", "stdDeviation");
  35 animate.setAttribute("begin", "rect.click");
  36 animate.setAttribute("dur", "4s");
  37 animate.setAttribute("from", "5 5");
  38 animate.setAttribute("to", "40 10");
  39 feGaussianBlur.appendChild(animate);
  40
  41 // Setup animation test
  42 function sample1() {
  43     shouldBeCloseEnough("feGaussianBlur.stdDeviationX.animVal", "5");
  44     shouldBeCloseEnough("feGaussianBlur.stdDeviationY.animVal", "5");
  45
  46     shouldBe("feGaussianBlur.stdDeviationX.baseVal", "5");
  47     shouldBe("feGaussianBlur.stdDeviationY.baseVal", "5");
  48 }
  49
  50 function sample2() {
  51     shouldBeCloseEnough("feGaussianBlur.stdDeviationX.animVal", "22.5");
  52     shouldBeCloseEnough("feGaussianBlur.stdDeviationY.animVal", "7.5");
  53
  54     shouldBe("feGaussianBlur.stdDeviationX.baseVal", "5");
  55     shouldBe("feGaussianBlur.stdDeviationY.baseVal", "5");
  56 }
  57
  58 function sample3() {
  59     shouldBeCloseEnough("feGaussianBlur.stdDeviationX.animVal", "40");
  60     shouldBeCloseEnough("feGaussianBlur.stdDeviationY.animVal", "10");
  61
  62     shouldBe("feGaussianBlur.stdDeviationX.baseVal", "5");
  63     shouldBe("feGaussianBlur.stdDeviationY.baseVal", "5");
  64 }
  65
  66 function executeTest() {
  67     const expectedValues = [
  68         // [animationId, time, sampleCallback]
  69         ["animation", 0.0,   sample1],
  70         ["animation", 2.0,   sample2],
  71         ["animation", 3.999, sample3],
  72         ["animation", 4.001, sample1]
  73     ];
  74
  75     runAnimationTest(expectedValues);
  76 }
  77
  78 window.clickX = 100;
  79 window.clickY = 100;
  80 var successfullyParsed = true;