layout/base/tests/test_preserve3d_sorting_hit_testing.html

   1 <!DOCTYPE HTML>
   2 <html>
   3 <!--
   4 https://bugzilla.mozilla.org/show_bug.cgi?id=684759
   5 -->
   6 <head>
   7   <title>Test for Bug 684759</title>
   8   <script 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=684759">Mozilla Bug 684759</a>
  13 <iframe src="preserve3d_sorting_hit_testing_iframe.html" id="iframe" height="1000" width="1000" style="border:none"></iframe>
  14 <pre id="test">
  15 <script type="application/javascript">
  16
  17 /** Test for Bug 684759 **/
  18
  19 SimpleTest.waitForExplicitFinish();
  20
  21 function run() {
  22
  23   var iframe = document.getElementById("iframe");
  24
  25   var doc = iframe.contentDocument;
  26
  27   var big= doc.getElementById("big");
  28   var small = doc.getElementById("small");
  29
  30   function check(x, y, expected_element, description)
  31   {
  32         is(doc.elementFromPoint(x, y).id, expected_element.id,
  33            "point (" + x + ", " + y + "): " + description);
  34   }
  35
  36   check(650, 250, small, "Small object should be infront of big");
  37   check(650, 308, big, "Check bounds of small object");
  38   check(650, 207, big, "Check bounds of small object");
  39   check(607, 250, big, "Check bounds of small object");
  40   check(708, 250, big, "Check bounds of small object");
  41
  42   SimpleTest.finish();
  43 }
  44
  45 </script>
  46 </pre>
  47 </body>
  48 </html>