diff options
Diffstat (limited to 'testing/web-platform/tests/svg/animations/svgenum-animation-7.html')
-rw-r--r-- | testing/web-platform/tests/svg/animations/svgenum-animation-7.html | 94 |
1 files changed, 94 insertions, 0 deletions
diff --git a/testing/web-platform/tests/svg/animations/svgenum-animation-7.html b/testing/web-platform/tests/svg/animations/svgenum-animation-7.html new file mode 100644 index 0000000000..4e2d27e581 --- /dev/null +++ b/testing/web-platform/tests/svg/animations/svgenum-animation-7.html @@ -0,0 +1,94 @@ +<!doctype html> +<html> +<meta charset="utf-8"> +<title>Test SVGStitchOptions/TurbulenceType enumeration animations</title> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> +<script src="/resources/SVGAnimationTestCase-testharness.js"></script> + +<svg> +</svg> + +<script> +var rootSVGElement = document.querySelector("svg"); +var epsilon = 1.0; + +// Setup test document +var defs = createSVGElement("defs"); +rootSVGElement.appendChild(defs); + +var filter = createSVGElement("filter"); +filter.setAttribute("id", "filter"); +filter.setAttribute("filterUnits", "userSpaceOnUse"); +filter.setAttribute("x", "0"); +filter.setAttribute("y", "0"); +filter.setAttribute("width", "700"); +filter.setAttribute("height", "200"); +defs.appendChild(filter); + +var turbulence = createSVGElement("feTurbulence"); +turbulence.setAttribute("in", "foo"); +turbulence.setAttribute("baseFrequency", "0.05"); +turbulence.setAttribute("numOctaves", "3"); +turbulence.setAttribute("seed", "5"); +turbulence.setAttribute("stitchTiles", "stitch"); +turbulence.setAttribute("type", "fractalNoise"); +filter.appendChild(turbulence); + +var rect = createSVGElement("rect"); +rect.setAttribute("id", "rect"); +rect.setAttribute("width", "100"); +rect.setAttribute("height", "100"); +rect.setAttribute("fill", "#408067"); +rect.setAttribute("filter", "url(#filter)"); +rect.setAttribute("onclick", "executeTest()"); +rootSVGElement.appendChild(rect); + +var animate1 = createSVGElement("animate"); +animate1.setAttribute("id", "animation"); +animate1.setAttribute("attributeName", "type"); +animate1.setAttribute("begin", "0s"); +animate1.setAttribute("dur", "4s"); +animate1.setAttribute("from", "fractalNoise"); +animate1.setAttribute("to", "turbulence"); +turbulence.appendChild(animate1); + +var animate2 = createSVGElement("animate"); +animate2.setAttribute("attributeName", "stitchTiles"); +animate2.setAttribute("begin", "0s"); +animate2.setAttribute("dur", "4s"); +animate2.setAttribute("from", "stitch"); +animate2.setAttribute("to", "noStitch"); +turbulence.appendChild(animate2); + +// Setup animation test +function sample1() { + assert_equals(turbulence.type.animVal, SVGFETurbulenceElement.SVG_TURBULENCE_TYPE_FRACTALNOISE); + assert_equals(turbulence.type.baseVal, SVGFETurbulenceElement.SVG_TURBULENCE_TYPE_FRACTALNOISE); + + assert_equals(turbulence.stitchTiles.animVal, SVGFETurbulenceElement.SVG_STITCHTYPE_STITCH); + assert_equals(turbulence.stitchTiles.baseVal, SVGFETurbulenceElement.SVG_STITCHTYPE_STITCH); +} + +function sample2() { + assert_equals(turbulence.type.animVal, SVGFETurbulenceElement.SVG_TURBULENCE_TYPE_TURBULENCE); + assert_equals(turbulence.type.baseVal, SVGFETurbulenceElement.SVG_TURBULENCE_TYPE_FRACTALNOISE); + + assert_equals(turbulence.stitchTiles.animVal, SVGFETurbulenceElement.SVG_STITCHTYPE_NOSTITCH); + assert_equals(turbulence.stitchTiles.baseVal, SVGFETurbulenceElement.SVG_STITCHTYPE_STITCH); +} + +smil_async_test((t) => { + const expectedValues = [ + // [animationId, time, sampleCallback] + ["animation", 0.0, sample1], + ["animation", 1.999, sample1], + ["animation", 2.001, sample2], + ["animation", 3.999, sample2], + ["animation", 4.001, sample1] + ]; + + runAnimationTest(t, expectedValues); +}); + +</script>
\ No newline at end of file |