| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <title>CSSOM View Module test:CaretPosition</title> | |
| <link rel="author" title="unbug" href="mailto:tidelgl@gmail.com" /> | |
| <link rel="help" href="http://www.w3.org/TR/cssom-view/#the-caretposition-interface"> | |
| <script src="/resources/testharness.js"></script> | |
| <script src="/resources/testharnessreport.js"></script> | |
| <style type="text/css"> | |
| .box{ | |
| position: absolute; | |
| top : 100px; | |
| left : 400px; | |
| width: 100px; | |
| height: 100px; | |
| background-color: #000; | |
| } | |
| </style> | |
| </head> | |
| <body> | |
| <p>This case tests the Screen pixelDepth and colorDepth</p> | |
| <p>The test passes if the value is Element "#box2"</p> | |
| <div id="box" class="box"></div> | |
| <div class="box"></div> | |
| <div class="box"></div> | |
| <div class="box"></div> | |
| <div class="box"></div> | |
| <div class="box"></div> | |
| <div id="box2" class="box"></div> | |
| <div id="box3" class="box" style="left: 405px;background:red;"></div> | |
| <div id="log"></div> | |
| <script> | |
| test(function(){ | |
| assert_equals(getBox('box2'), document.elementFromPoint(400,100), "Expected value for element id is 'box2'"); | |
| },'getBox'); | |
| test(function(){ | |
| assert_equals(null, document.elementFromPoint(400,900), "Expected value for element id is 'box2'"); | |
| },'getBox'); | |
| function getBox(id){ | |
| return document.getElementById(id); | |
| } | |
| </script> | |
| </body> | |
| </html> |