third_party/WebKit/LayoutTests/svg/animations/script-tests/svgenum-animation-6.js

   1 description("Test ColorMatrixType enumeration animations");
   2 createSVGTestCase();
   3
   4 // Setup test document
   5 var defs = createSVGElement("defs");
   6 rootSVGElement.appendChild(defs);
   7
   8 var colorMatrix = createSVGElement("feColorMatrix");
   9 colorMatrix.setAttribute("in", "SourceGraphic");
  10 colorMatrix.setAttribute("type", "matrix");
  11
  12 var filter = createSVGElement("filter");
  13 filter.setAttribute("id", "filter");
  14 filter.setAttribute("filterUnits", "userSpaceOnUse");
  15 filter.setAttribute("x", "0");
  16 filter.setAttribute("y", "0");
  17 filter.setAttribute("width", "700");
  18 filter.setAttribute("height", "200");
  19 filter.appendChild(colorMatrix);
  20 defs.appendChild(filter);
  21
  22 var rect = createSVGElement("rect");
  23 rect.setAttribute("id", "rect");
  24 rect.setAttribute("width", "100");
  25 rect.setAttribute("height", "100");
  26 rect.setAttribute("fill", "#408067");
  27 rect.setAttribute("filter", "url(#filter)");
  28 rect.setAttribute("onclick", "executeTest()");
  29 rootSVGElement.appendChild(rect);
  30
  31 var animate = createSVGElement("animate");
  32 animate.setAttribute("id", "animation");
  33 animate.setAttribute("attributeName", "type");
  34 animate.setAttribute("begin", "rect.click");
  35 animate.setAttribute("dur", "4s");
  36 animate.setAttribute("values", "matrix;saturate;hueRotate;luminanceToAlpha");
  37 colorMatrix.appendChild(animate);
  38
  39 // Setup animation test
  40 function sample1() {
  41     shouldBe("colorMatrix.type.animVal", "SVGFEColorMatrixElement.SVG_FECOLORMATRIX_TYPE_MATRIX");
  42     shouldBe("colorMatrix.type.baseVal", "SVGFEColorMatrixElement.SVG_FECOLORMATRIX_TYPE_MATRIX");
  43 }
  44
  45 function sample2() {
  46     shouldBe("colorMatrix.type.animVal", "SVGFEColorMatrixElement.SVG_FECOLORMATRIX_TYPE_SATURATE");
  47     shouldBe("colorMatrix.type.baseVal", "SVGFEColorMatrixElement.SVG_FECOLORMATRIX_TYPE_MATRIX");
  48 }
  49
  50 function sample3() {
  51     shouldBe("colorMatrix.type.animVal", "SVGFEColorMatrixElement.SVG_FECOLORMATRIX_TYPE_HUEROTATE");
  52     shouldBe("colorMatrix.type.baseVal", "SVGFEColorMatrixElement.SVG_FECOLORMATRIX_TYPE_MATRIX");
  53 }
  54
  55 function sample4() {
  56     shouldBe("colorMatrix.type.animVal", "SVGFEColorMatrixElement.SVG_FECOLORMATRIX_TYPE_LUMINANCETOALPHA");
  57     shouldBe("colorMatrix.type.baseVal", "SVGFEColorMatrixElement.SVG_FECOLORMATRIX_TYPE_MATRIX");
  58 }
  59
  60 function executeTest() {
  61     const expectedValues = [
  62         // [animationId, time, sampleCallback]
  63         ["animation", 0.0,   sample1],
  64         ["animation", 0.999, sample1],
  65         ["animation", 1.001, sample2],
  66         ["animation", 1.999, sample2],
  67         ["animation", 2.001, sample3],
  68         ["animation", 2.999, sample3],
  69         ["animation", 3.001, sample4],
  70         ["animation", 3.999, sample4],
  71         ["animation", 4.001, sample1]
  72     ];
  73
  74     runAnimationTest(expectedValues);
  75 }
  76
  77 var successfullyParsed = true;