66 lines
1.5 KiB
HTML
66 lines
1.5 KiB
HTML
<html xmlns='http://www.w3.org/1999/xhtml'>
|
|
<body style="margin: 0px; padding: 0px">
|
|
|
|
<svg xmlns="http://www.w3.org/2000/svg" style="position:absolute;">
|
|
<defs>
|
|
|
|
<style type="text/css"><![CDATA[
|
|
rect#roundedRect {
|
|
fill: none;
|
|
stroke: green;
|
|
stroke-width: 20px;
|
|
stroke-linejoin: bevel;
|
|
}
|
|
rect:hover {
|
|
stroke: red;
|
|
}
|
|
]]></style>
|
|
</defs>
|
|
|
|
<rect id="fallback" x="30" y="30" width="420" height="320" fill="yellow" onclick="passed()"/>
|
|
<rect id="roundedRect" x="40" y="40" rx="30" ry="30" width="400" height="300" pointer-events="visibleStroke" onclick="failed()"/>
|
|
<text id="text" x="30" y="370"></text>
|
|
|
|
<script type="text/ecmascript">
|
|
<![CDATA[
|
|
|
|
var fallback = document.getElementById("fallback");
|
|
var roundedRect = document.getElementById("roundedRect");
|
|
var text = document.getElementById("text");
|
|
|
|
fallback.addEventListener("mousedown", passed, false);
|
|
roundedRect.addEventListener("mousedown", failed, false);
|
|
|
|
function stop() {
|
|
fallback.removeEventListener("mousedown", failed, false);
|
|
roundedRect.removeEventListener("mousedown", passed, false);
|
|
|
|
if (window.testRunner)
|
|
testRunner.notifyDone();
|
|
}
|
|
|
|
function failed() {
|
|
text.textContent = 'FAILED: strokeRect had pointer';
|
|
stop();
|
|
}
|
|
|
|
function passed() {
|
|
text.textContent = 'PASSED: fallbackRect had pointer';
|
|
stop();
|
|
}
|
|
|
|
if (window.testRunner) {
|
|
testRunner.waitUntilDone();
|
|
testRunner.dumpAsText();
|
|
}
|
|
|
|
if (window.eventSender) {
|
|
eventSender.mouseMoveTo(31, 31);
|
|
eventSender.mouseDown();
|
|
}
|
|
]]>
|
|
</script>
|
|
|
|
</svg>
|
|
</body>
|
|
</html> |