136 lines
6.8 KiB
HTML
136 lines
6.8 KiB
HTML
<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN">
|
|
<html>
|
|
<head>
|
|
<script src="../../resources/js-test-pre.js"></script>
|
|
</head>
|
|
<body>
|
|
<p id="description"></p>
|
|
<div id="console"></div>
|
|
<script>
|
|
description("This test checks the use of SVGAnimatedEnumeration within SVGFEBlendElement");
|
|
|
|
var feBlendElement = document.createElementNS("http://www.w3.org/2000/svg", "feBlend");
|
|
feBlendElement.setAttribute("mode", "normal");
|
|
|
|
debug("");
|
|
debug("Check initial 'mode' value");
|
|
shouldBeEqualToString("feBlendElement.mode.toString()", "[object SVGAnimatedEnumeration]");
|
|
shouldBeEqualToString("typeof(feBlendElement.mode.baseVal)", "number");
|
|
shouldBe("feBlendElement.mode.baseVal", "SVGFEBlendElement.SVG_FEBLEND_MODE_NORMAL");
|
|
|
|
debug("");
|
|
debug("Switch to 'multiply'");
|
|
shouldBe("feBlendElement.mode.baseVal = SVGFEBlendElement.SVG_FEBLEND_MODE_MULTIPLY", "SVGFEBlendElement.SVG_FEBLEND_MODE_MULTIPLY");
|
|
shouldBe("feBlendElement.mode.baseVal", "SVGFEBlendElement.SVG_FEBLEND_MODE_MULTIPLY");
|
|
shouldBeEqualToString("feBlendElement.getAttribute('mode')", "multiply");
|
|
|
|
debug("");
|
|
debug("Switch to 'screen'");
|
|
shouldBe("feBlendElement.mode.baseVal = SVGFEBlendElement.SVG_FEBLEND_MODE_SCREEN", "SVGFEBlendElement.SVG_FEBLEND_MODE_SCREEN");
|
|
shouldBe("feBlendElement.mode.baseVal", "SVGFEBlendElement.SVG_FEBLEND_MODE_SCREEN");
|
|
shouldBeEqualToString("feBlendElement.getAttribute('mode')", "screen");
|
|
|
|
debug("");
|
|
debug("Switch to 'darken'");
|
|
shouldBe("feBlendElement.mode.baseVal = SVGFEBlendElement.SVG_FEBLEND_MODE_DARKEN", "SVGFEBlendElement.SVG_FEBLEND_MODE_DARKEN");
|
|
shouldBe("feBlendElement.mode.baseVal", "SVGFEBlendElement.SVG_FEBLEND_MODE_DARKEN");
|
|
shouldBeEqualToString("feBlendElement.getAttribute('mode')", "darken");
|
|
|
|
debug("");
|
|
debug("Switch to 'lighten'");
|
|
shouldBe("feBlendElement.mode.baseVal = SVGFEBlendElement.SVG_FEBLEND_MODE_LIGHTEN", "SVGFEBlendElement.SVG_FEBLEND_MODE_LIGHTEN");
|
|
shouldBe("feBlendElement.mode.baseVal", "SVGFEBlendElement.SVG_FEBLEND_MODE_LIGHTEN");
|
|
shouldBeEqualToString("feBlendElement.getAttribute('mode')", "lighten");
|
|
|
|
debug("");
|
|
debug("Switch to 'overlay'");
|
|
shouldBe("feBlendElement.mode.baseVal = SVGFEBlendElement.SVG_FEBLEND_MODE_OVERLAY", "SVGFEBlendElement.SVG_FEBLEND_MODE_OVERLAY");
|
|
shouldBe("feBlendElement.mode.baseVal", "SVGFEBlendElement.SVG_FEBLEND_MODE_OVERLAY");
|
|
shouldBeEqualToString("feBlendElement.getAttribute('mode')", "overlay");
|
|
|
|
debug("");
|
|
debug("Switch to 'color-dodge'");
|
|
shouldBe("feBlendElement.mode.baseVal = SVGFEBlendElement.SVG_FEBLEND_MODE_COLOR_DODGE", "SVGFEBlendElement.SVG_FEBLEND_MODE_COLOR_DODGE");
|
|
shouldBe("feBlendElement.mode.baseVal", "SVGFEBlendElement.SVG_FEBLEND_MODE_COLOR_DODGE");
|
|
shouldBeEqualToString("feBlendElement.getAttribute('mode')", "color-dodge");
|
|
|
|
debug("");
|
|
debug("Switch to 'color-burn'");
|
|
shouldBe("feBlendElement.mode.baseVal = SVGFEBlendElement.SVG_FEBLEND_MODE_COLOR_BURN", "SVGFEBlendElement.SVG_FEBLEND_MODE_COLOR_BURN");
|
|
shouldBe("feBlendElement.mode.baseVal", "SVGFEBlendElement.SVG_FEBLEND_MODE_COLOR_BURN");
|
|
shouldBeEqualToString("feBlendElement.getAttribute('mode')", "color-burn");
|
|
|
|
debug("");
|
|
debug("Switch to 'hard-light'");
|
|
shouldBe("feBlendElement.mode.baseVal = SVGFEBlendElement.SVG_FEBLEND_MODE_HARD_LIGHT", "SVGFEBlendElement.SVG_FEBLEND_MODE_HARD_LIGHT");
|
|
shouldBe("feBlendElement.mode.baseVal", "SVGFEBlendElement.SVG_FEBLEND_MODE_HARD_LIGHT");
|
|
shouldBeEqualToString("feBlendElement.getAttribute('mode')", "hard-light");
|
|
|
|
debug("");
|
|
debug("Switch to 'soft-light'");
|
|
shouldBe("feBlendElement.mode.baseVal = SVGFEBlendElement.SVG_FEBLEND_MODE_SOFT_LIGHT", "SVGFEBlendElement.SVG_FEBLEND_MODE_SOFT_LIGHT");
|
|
shouldBe("feBlendElement.mode.baseVal", "SVGFEBlendElement.SVG_FEBLEND_MODE_SOFT_LIGHT");
|
|
shouldBeEqualToString("feBlendElement.getAttribute('mode')", "soft-light");
|
|
|
|
debug("");
|
|
debug("Switch to 'difference'");
|
|
shouldBe("feBlendElement.mode.baseVal = SVGFEBlendElement.SVG_FEBLEND_MODE_DIFFERENCE", "SVGFEBlendElement.SVG_FEBLEND_MODE_DIFFERENCE");
|
|
shouldBe("feBlendElement.mode.baseVal", "SVGFEBlendElement.SVG_FEBLEND_MODE_DIFFERENCE");
|
|
shouldBeEqualToString("feBlendElement.getAttribute('mode')", "difference");
|
|
|
|
debug("");
|
|
debug("Switch to 'exclusion'");
|
|
shouldBe("feBlendElement.mode.baseVal = SVGFEBlendElement.SVG_FEBLEND_MODE_EXCLUSION", "SVGFEBlendElement.SVG_FEBLEND_MODE_EXCLUSION");
|
|
shouldBe("feBlendElement.mode.baseVal", "SVGFEBlendElement.SVG_FEBLEND_MODE_EXCLUSION");
|
|
shouldBeEqualToString("feBlendElement.getAttribute('mode')", "exclusion");
|
|
|
|
debug("");
|
|
debug("Switch to 'hue'");
|
|
shouldBe("feBlendElement.mode.baseVal = SVGFEBlendElement.SVG_FEBLEND_MODE_HUE", "SVGFEBlendElement.SVG_FEBLEND_MODE_HUE");
|
|
shouldBe("feBlendElement.mode.baseVal", "SVGFEBlendElement.SVG_FEBLEND_MODE_HUE");
|
|
shouldBeEqualToString("feBlendElement.getAttribute('mode')", "hue");
|
|
|
|
debug("");
|
|
debug("Switch to 'saturation'");
|
|
shouldBe("feBlendElement.mode.baseVal = SVGFEBlendElement.SVG_FEBLEND_MODE_SATURATION", "SVGFEBlendElement.SVG_FEBLEND_MODE_SATURATION");
|
|
shouldBe("feBlendElement.mode.baseVal", "SVGFEBlendElement.SVG_FEBLEND_MODE_SATURATION");
|
|
shouldBeEqualToString("feBlendElement.getAttribute('mode')", "saturation");
|
|
|
|
debug("");
|
|
debug("Switch to 'color'");
|
|
shouldBe("feBlendElement.mode.baseVal = SVGFEBlendElement.SVG_FEBLEND_MODE_COLOR", "SVGFEBlendElement.SVG_FEBLEND_MODE_COLOR");
|
|
shouldBe("feBlendElement.mode.baseVal", "SVGFEBlendElement.SVG_FEBLEND_MODE_COLOR");
|
|
shouldBeEqualToString("feBlendElement.getAttribute('mode')", "color");
|
|
|
|
debug("");
|
|
debug("Switch to 'luminosity'");
|
|
shouldBe("feBlendElement.mode.baseVal = SVGFEBlendElement.SVG_FEBLEND_MODE_LUMINOSITY", "SVGFEBlendElement.SVG_FEBLEND_MODE_LUMINOSITY");
|
|
shouldBe("feBlendElement.mode.baseVal", "SVGFEBlendElement.SVG_FEBLEND_MODE_LUMINOSITY");
|
|
shouldBeEqualToString("feBlendElement.getAttribute('mode')", "luminosity");
|
|
|
|
debug("");
|
|
debug("Try setting invalid values");
|
|
shouldThrow("feBlendElement.mode.baseVal = 17");
|
|
shouldBe("feBlendElement.mode.baseVal", "SVGFEBlendElement.SVG_FEBLEND_MODE_LUMINOSITY");
|
|
shouldBeEqualToString("feBlendElement.getAttribute('mode')", "luminosity");
|
|
|
|
shouldThrow("feBlendElement.mode.baseVal = -1");
|
|
shouldBe("feBlendElement.mode.baseVal", "SVGFEBlendElement.SVG_FEBLEND_MODE_LUMINOSITY");
|
|
shouldBeEqualToString("feBlendElement.getAttribute('mode')", "luminosity");
|
|
|
|
shouldThrow("feBlendElement.mode.baseVal = 0");
|
|
shouldBe("feBlendElement.mode.baseVal", "SVGFEBlendElement.SVG_FEBLEND_MODE_LUMINOSITY");
|
|
shouldBeEqualToString("feBlendElement.getAttribute('mode')", "luminosity");
|
|
|
|
debug("");
|
|
debug("Switch to 'normal'");
|
|
shouldBe("feBlendElement.mode.baseVal = SVGFEBlendElement.SVG_FEBLEND_MODE_NORMAL", "SVGFEBlendElement.SVG_FEBLEND_MODE_NORMAL");
|
|
shouldBe("feBlendElement.mode.baseVal", "SVGFEBlendElement.SVG_FEBLEND_MODE_NORMAL");
|
|
shouldBeEqualToString("feBlendElement.getAttribute('mode')", "normal");
|
|
|
|
successfullyParsed = true;
|
|
</script>
|
|
<script src="../../resources/js-test-post.js"></script>
|
|
</body>
|
|
</html>
|