third_party/WebKit/LayoutTests/svg/animations/script-tests/animate-mpath-insert.js

   1 description("test to determine whether inserting mpath dynamically works");
   2 createSVGTestCase();
   3
   4 rootSVGElement.setAttribute("width", 800)
   5
   6 var defs = createSVGElement("defs")
   7 var path = createSVGElement("path")
   8 path.setAttribute("id", "path")
   9 path.setAttribute("d", "M 100,250 C 100,50 400,50 400,250")
  10 defs.appendChild(path)
  11 rootSVGElement.appendChild(defs)
  12
  13 var g = createSVGElement("g")
  14 g.setAttribute("id", "g")
  15
  16 var rect = createSVGElement("rect")
  17 rect.setAttribute("id", "rect")
  18 rect.setAttribute("width", "40")
  19 rect.setAttribute("height", "40")
  20 rect.setAttribute("fill", "green")
  21 rect.setAttribute("onclick", "executeTest()")
  22 g.appendChild(rect)
  23
  24 var animateMotion = createSVGElement("animateMotion")
  25 animateMotion.setAttribute("id", "animation")
  26 animateMotion.setAttribute("dur", "4s")
  27 animateMotion.setAttribute("repeatCount", "1")
  28 animateMotion.setAttribute("begin", "click")
  29
  30 var mpath = createSVGElement("mpath");
  31 mpath.setAttributeNS(xlinkNS, "xlink:href", "#path")
  32
  33 animateMotion.appendChild(mpath)
  34 g.appendChild(animateMotion)
  35 rootSVGElement.appendChild(g)
  36
  37 function startSample() {
  38     shouldBeCloseEnough("rootSVGElement.getBBox().x", "100", 1);
  39     shouldBeCloseEnough("rootSVGElement.getBBox().y", "250", 1);
  40 }
  41
  42 function endSample() {
  43     shouldBeCloseEnough("rootSVGElement.getBBox().x", "400", 1);
  44     shouldBeCloseEnough("rootSVGElement.getBBox().y", "250", 1);
  45 }
  46
  47 function executeTest() {
  48     const expectedValues = [
  49         ["animation", 0.001, startSample],
  50         ["animation", 3.999, endSample]
  51     ];
  52
  53     runAnimationTest(expectedValues);
  54 }
  55
  56 window.clickX = 30;
  57 window.clickY = 30;
  58 var successfullyParsed = true;