| <html xmlns="http://www.w3.org/1999/xhtml"> |
| <head> |
| <script src="../../resources/js-test-pre.js"></script> |
| </head> |
| <body onload="run()"> |
| <svg id="svg" xmlns="http://www.w3.org/2000/svg" width="200" height="200"> |
| <path id="p1" d="M-100 -100L100 -100 L100 100 L-100 100 z"/> |
| <path id="p2" d="M-100 -100L100 -100 L100 100 L-100 100 z" transform="translate(-1000, -1000)"/> |
| <path id="p3" d="M100 100L300 100 L300 300 L100 300 z"/> |
| <path id="p4" d="M-100 -100L100 -100 L100 100 L-100 100 z" style="display: none"/> |
| <path id="p5" d="M-100 -100L100 -100 L100 100 L-100 100 z" style="visibility: hidden"/> |
| <path id="p6" d="M-100 -100L100 -100 L100 100 L-100 100 z" style="opacity: 0"/> |
| <g style="opacity: 0"> |
| <path id="p7" d="M-100 -100L100 -100 L100 100 L-100 100 z"/> |
| </g> |
| <path id="p8" d="M-100 -100L100 -100 L100 100 L-100 100 z M-50 -50L50 -50 L50 50 L-50 50 z" fill-rule="nonzero"/> |
| <path id="p9" d="M-100 -100L100 -100 L100 100 L-100 100 z M-50 -50L50 -50 L50 50 L-50 50 z" fill-rule="evenodd"/> |
| <clipPath> |
| <path id="p10" d="M-100 -100L100 -100 L100 100 L-100 100 z M-50 -50L50 -50 L50 50 L-50 50 z" fill-rule="nonzero" clip-rule="evenodd"/> |
| <path id="p11" d="M-100 -100L100 -100 L100 100 L-100 100 z M-50 -50L50 -50 L50 50 L-50 50 z" fill-rule="evenodd" clip-rule="nonzero"/> |
| </clipPath> |
| </svg> |
| <p id="description"></p> |
| <div id="console"></div> |
| <script type="text/javascript"> |
| <![CDATA[ |
| window.enablePixelTesting = false; |
| window.jsTestIsAsync = true; |
| var svg = document.getElementById("svg"); |
| var p1 = document.getElementById("p1"), |
| p2 = document.getElementById("p2"), |
| p3 = document.getElementById("p3"), |
| p4 = document.getElementById("p4"), |
| p5 = document.getElementById("p5"), |
| p6 = document.getElementById("p6"), |
| p7 = document.getElementById("p7"), |
| p8 = document.getElementById("p8"), |
| p9 = document.getElementById("p9"), |
| p10 = document.getElementById("p10"), |
| p11 = document.getElementById("p11"); |
| var svgPoint = svg.createSVGPoint(); |
| |
| function run() { |
| description("Test isPointInFill() on path."); |
| |
| debug(""); |
| debug("Test simple different coordinates"); |
| |
| shouldBe("p1.isPointInFill()", "true"); |
| var point = {}; |
| shouldBe("p1.isPointInFill({})", "true"); |
| shouldBe("p1.isPointInFill({x: 0, y: 0})", "true"); |
| shouldBe("p1.isPointInFill({x: 200, y: 200})", "false"); |
| shouldBe("p1.isPointInFill({x: -200, y: -200})", "false"); |
| shouldBe("p1.isPointInFill({x: -100, y: -100})", "true"); |
| shouldBe("p1.isPointInFill(new DOMPoint())", "true"); |
| shouldBe("p1.isPointInFill(new DOMPoint(100, 100))", "true"); |
| shouldBe("p1.isPointInFill(new DOMPoint(-200, -200))", "false"); |
| shouldBe("p1.isPointInFill(new DOMPointReadOnly())", "true"); |
| shouldBe("p1.isPointInFill(new DOMPointReadOnly(-200, -200))", "false"); |
| shouldBe("p1.isPointInFill(svgPoint)", "true"); |
| svgPoint.x = -200; |
| svgPoint.y = -200; |
| shouldBe("p1.isPointInFill(svgPoint)", "false"); |
| shouldBe("p1.isPointInFill(new DOMPoint(NaN))", "false"); |
| shouldBe("p1.isPointInFill(new DOMPoint(Infinity))", "false"); |
| shouldBe("p1.isPointInFill({x: 'string', y: 'string'})", "false"); |
| shouldThrow("p1.isPointInFill('string')"); |
| |
| debug(""); |
| debug("Test that transform doesn't affect result"); |
| shouldBe("p2.isPointInFill()", "true"); |
| |
| debug(""); |
| debug("Verify that no argument or empty dictionary is the same as 0,0 and may return false"); |
| shouldBe("p3.isPointInFill()", "false"); |
| shouldBe("p3.isPointInFill({})", "false"); |
| |
| debug(""); |
| debug("display: none; should not affect isPointInFill"); |
| shouldBe("p4.isPointInFill()", "true"); |
| |
| debug(""); |
| debug("visibility: hidden; should not affect isPointInFill"); |
| shouldBe("p5.isPointInFill()", "true"); |
| |
| debug(""); |
| debug("opacity: 0; should not affect isPointInFill"); |
| shouldBe("p6.isPointInFill()", "true"); |
| |
| debug(""); |
| debug("opacity: 0; on group should not affect isPointInFill"); |
| shouldBe("p7.isPointInFill()", "true"); |
| |
| debug(""); |
| debug("isPointInFill should respect fill-rule: nonzero"); |
| shouldBe("p8.isPointInFill()", "true"); |
| |
| debug(""); |
| debug("isPointInFill should respect fill-rule: evenodd"); |
| shouldBe("p9.isPointInFill()", "false"); |
| |
| debug(""); |
| debug("isPointInFill should not respect clip-rule 1"); |
| shouldBe("p10.isPointInFill()", "true"); |
| |
| debug(""); |
| debug("isPointInFill should not respect clip-rule 2"); |
| shouldBe("p11.isPointInFill()", "false"); |
| |
| finishJSTest(); |
| } |
| ]]> |
| </script> |
| <script src="../../resources/js-test-post.js"></script> |
| </body> |
| </html> |
