layout/base/tests/test_border_radius_hit_testing.html

Wed, 31 Dec 2014 06:09:35 +0100

author
Michael Schloh von Bennewitz <michael@schloh.com>
date
Wed, 31 Dec 2014 06:09:35 +0100
changeset 0
6474c204b198
permissions
-rw-r--r--

Cloned upstream origin tor-browser at tor-browser-31.3.0esr-4.5-1-build1
revision ID fc1c9ff7c1b2defdbc039f12214767608f46423f for hacking purpose.

     1 <!DOCTYPE HTML>
     2 <html>
     3 <!--
     4 https://bugzilla.mozilla.org/show_bug.cgi?id=595652
     5 -->
     6 <head>
     7   <title>Test for Bug 595652</title>
     8   <script type="application/javascript" src="/tests/SimpleTest/SimpleTest.js"></script>
     9   <link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css"/>
    10 </head>
    11 <body onload="run()">
    12 <a target="_blank" href="https://bugzilla.mozilla.org/show_bug.cgi?id=595652">Mozilla Bug 595652</a>
    13 <iframe src="border_radius_hit_testing_iframe.html" id="iframe" height="600" width="500" style="border:none"></iframe>
    14 <pre id="test">
    15 <script type="application/javascript">
    17 /** Test for Bug 595652 **/
    19 SimpleTest.waitForExplicitFinish();
    21 function run() {
    22   var iframe = document.getElementById("iframe");
    24   var doc = iframe.contentDocument;
    26   var container = doc.body;
    27   var one = doc.getElementById("one");
    28   var two = doc.getElementById("two").firstChild;
    30   //container.addEventListener("click", function(event) { alert(event.clientX + "," + event.clientY) }, false);
    32   function check(x, y, expected_element, description)
    33   {
    34 	is(doc.elementFromPoint(x, y), expected_element,
    35 	   "point (" + x + ", " + y + "): " + description);
    36   }
    38   check(42, 6, container, "outside top left corner of #one");
    39   check(11, 21, container, "outside top left corner of #one");
    40   check(476, 10, container, "outside top right corner of #one");
    41   check(495, 28, container, "outside top right corner of #one");
    42   check(483, 197, container, "outside bottom right corner of #one");
    43   check(497, 175, container, "outside bottom right corner of #one");
    44   check(29, 182, container, "outside bottom left corner of #one");
    45   check(73, 198, container, "outside bottom left corner of #one");
    47   check(95, 2, one, "inside top left corner of #one (curved quadrant)");
    48   check(16, 27, one, "inside top left corner of #one (curved quadrant)");
    49   check(87, 37, one, "inside top left corner of #one (curved quadrant)");
    50   check(465, 10, one, "inside top right corner of #one (curved quadrant)");
    51   check(489, 33, one, "inside top right corner of #one (curved quadrant)");
    52   check(443, 56, one, "inside top right corner of #one (curved quadrant)");
    53   check(493, 167, one, "inside bottom right corner of #one (curved quadrant)");
    54   check(476, 188, one, "inside bottom right corner of #one (curved quadrant)");
    55   check(462, 144, one, "inside bottom right corner of #one (curved quadrant)");
    56   check(74, 186, one, "inside bottom left corner of #one (curved quadrant)");
    57   check(16, 153, one, "inside bottom left corner of #one (curved quadrant)");
    58   check(112, 124, one, "inside bottom left corner of #one (curved quadrant)");
    60   check(250, 1, one, "along top edge of #one");
    61   check(250, 199, one, "along bottom edge of #one");
    62   check(1, 100, one, "along left edge of #one");
    63   check(499, 100, one, "along right edge of #one");
    64   check(250, 100, one, "in center of #one");
    66   check(2, 52, one, "inside top left corner of #one (left edge, outside ellipse)");
    67   check(82, 52, one, "inside top left corner of #one (left edge, inside ellipse)");
    69   check(42, 306, container, "outside top left corner of #two");
    70   check(11, 321, container, "outside top left corner of #two");
    71   check(476, 310, container, "outside top right corner of #two");
    72   check(495, 328, container, "outside top right corner of #two");
    73   check(483, 497, container, "outside bottom right corner of #two");
    74   check(497, 475, container, "outside bottom right corner of #two");
    75   check(29, 482, container, "outside bottom left corner of #two");
    76   check(73, 498, container, "outside bottom left corner of #two");
    78   check(95, 302, two, "inside top left corner of #two (curved quadrant)");
    79   check(16, 327, two, "inside top left corner of #two (curved quadrant)");
    80   check(87, 337, two, "inside top left corner of #two (curved quadrant)");
    81   check(465, 310, two, "inside top right corner of #two (curved quadrant)");
    82   check(489, 333, two, "inside top right corner of #two (curved quadrant)");
    83   check(443, 356, two, "inside top right corner of #two (curved quadrant)");
    84   check(493, 467, two, "inside bottom right corner of #two (curved quadrant)");
    85   check(476, 488, two, "inside bottom right corner of #two (curved quadrant)");
    86   check(462, 444, two, "inside bottom right corner of #two (curved quadrant)");
    87   check(74, 486, two, "inside bottom left corner of #two (curved quadrant)");
    88   check(16, 453, two, "inside bottom left corner of #two (curved quadrant)");
    89   check(112, 424, two, "inside bottom left corner of #two (curved quadrant)");
    91   check(250, 301, two, "along top edge of #two");
    92   check(250, 499, two, "along bottom edge of #two");
    93   check(1, 400, two, "along left edge of #two");
    94   check(499, 400, two, "along right edge of #two");
    95   check(250, 400, two, "in center of #two");
    97   check(2, 352, two, "inside top left corner of #two (left edge, outside ellipse)");
    98   check(82, 352, two, "inside top left corner of #two (left edge, inside ellipse)");
   100   SimpleTest.finish();
   101 }
   103 </script>
   104 </pre>
   105 </body>
   106 </html>

mercurial