third_party/WebKit/LayoutTests/svg/animations/script-tests/animVal-basics.js

   1 description("Trivial animVal testcase, to see wheter we support it at all. Should result in a 200x200 rect and only PASS messages");
   2 createSVGTestCase();
   3
   4 // Setup test document
   5 var rect = createSVGElement("rect");
   6 rect.setAttribute("id", "rect");
   7 rect.setAttribute("width", "200");
   8 rect.setAttribute("height", "200");
   9 rect.setAttribute("fill", "green");
  10 rect.setAttribute("onclick", "executeTest()");
  11
  12 var animate = createSVGElement("animate");
  13 animate.setAttribute("id", "animation");
  14 animate.setAttribute("attributeName", "width");
  15 animate.setAttribute("from", "200");
  16 animate.setAttribute("to", "100");
  17 animate.setAttribute("begin", "click");
  18 animate.setAttribute("dur", "4s");
  19 rect.appendChild(animate);
  20 rootSVGElement.appendChild(rect);
  21
  22 // Setup animation test
  23 function sample1() {
  24     // Check initial/end conditions
  25     shouldBeCloseEnough("rect.width.animVal.value", "200");
  26     shouldBe("rect.width.baseVal.value", "200");
  27 }
  28
  29 function sample2() {
  30     // Check half-time conditions
  31     shouldBeCloseEnough("rect.width.animVal.value", "150");
  32     shouldBe("rect.width.baseVal.value", "200");
  33 }
  34
  35 function sample3() {
  36     // Check just before-end conditions
  37     shouldBeCloseEnough("rect.width.animVal.value", "100");
  38     shouldBe("rect.width.baseVal.value", "200");
  39 }
  40
  41 function executeTest() {
  42     const expectedValues = [
  43         // [animationId, time, sampleCallback]
  44         ["animation", 0.0,   sample1],
  45         ["animation", 2.0,   sample2],
  46         ["animation", 3.999, sample3],
  47         ["animation", 4.001, sample1]
  48     ];
  49
  50     runAnimationTest(expectedValues);
  51 }
  52
  53 var successfullyParsed = true;