LayoutTests/svg/custom/pointer-events-with-linecaps-and-miterlimits.xhtml

   1 <html xmlns='http://www.w3.org/1999/xhtml'>
   2 <body style="margin: 0px; padding: 0px">
   3
   4 <svg xmlns="http://www.w3.org/2000/svg" style="position:absolute;">
   5 <defs>
   6
   7 <style type="text/css"><![CDATA[
   8 rect#strokedRect {
   9     fill: none;
  10     stroke: blue;
  11     stroke-width: 20px;
  12     stroke-linecap: square;
  13     stroke-miterlimit: 1;
  14 }
  15 rect#strokedRect:hover {
  16     stroke: red;
  17 }
  18 ]]></style>
  19 </defs>
  20
  21 <rect id="fallback" x="0" y="0" width="210" height="210" fill="green" onclick="passed()"/>
  22 <rect id="strokedRect" x="10" y="10" width="190" height="190" pointer-events="visibleStroke" onclick="failed()"/>
  23 <text id="text" x="0" y="230"></text>
  24
  25 <script type="text/ecmascript">
  26     <![CDATA[
  27
  28 var fallback = document.getElementById("fallback");
  29 var strokedRect = document.getElementById("strokedRect");
  30 var text = document.getElementById("text");
  31
  32 fallback.addEventListener("mousedown", passed, false);
  33 strokedRect.addEventListener("mousedown", failed, false);
  34
  35 function stop() {
  36     fallback.removeEventListener("mousedown", failed, false);
  37     strokedRect.removeEventListener("mousedown", passed, false);
  38
  39 if (window.layoutTestController)
  40     layoutTestController.notifyDone();
  41 }
  42
  43 function failed() {
  44     text.textContent = 'FAILED: strokeRect had pointer';
  45     stop();
  46 }
  47
  48 function passed() {
  49     text.textContent = 'PASSED: fallbackRect had pointer';
  50     stop();
  51 }
  52
  53 if (window.layoutTestController) {
  54     layoutTestController.waitUntilDone();
  55     layoutTestController.dumpAsText();
  56 }
  57
  58 if (window.eventSender) {
  59     eventSender.mouseMoveTo(1, 1);
  60     eventSender.mouseDown();
  61 }
  62
  63 ]]>
  64 </script>
  65 </svg>
  66
  67 </body>
  68 </html>