| <!DOCTYPE html> |
| <html> |
| <head> |
| <title>Document::nodesFromRect : culled inlines - bug 88376</title> |
| <script src="../../../resources/ahem.js"></script> |
| <script src="../../../resources/js-test.js"></script> |
| <script src="resources/nodesFromRect.js"></script> |
| <style> |
| #sandbox { |
| position: absolute; |
| left: 0px; |
| top: 0px; |
| width: 400px; |
| height: 200px; |
| } |
| #sandbox p { font: 16px Ahem; } |
| </style> |
| </head> |
| <body id="body"> |
| <div id=sandbox> |
| <p><span id=culledinline><span id=wordinline1>word1</span> <span id=wordinline2>word2</span></span> <span id=wordinline3>word3</span></p> |
| </div> |
| |
| <p id="description"></p> |
| <span id="console"></span> |
| <script type="application/javascript"> |
| function runTest() |
| { |
| description(document.title); |
| window.scrollTo(0, 0); |
| /* Rect based test over word1 only. */ |
| checkRect(30, 19, 8, 8, "'word1'"); |
| /* Rect based test over the word2 only. */ |
| checkRect(126, 19, 8, 8, "'word2'"); |
| /* Rect based test over the word3 only. */ |
| checkRect(222, 19, 8, 8, "'word3'"); |
| /* Rect based test between word1 and word2. */ |
| checkRect(84, 19, 8, 8, "' '"); |
| /* Rect based test over and outside word1. */ |
| checkRect(70, 19, 20, 8, "' ', 'word1', SPAN#wordinline1, SPAN#culledinline"); |
| /* Rect based test over word1 and word2. */ |
| checkRect(70, 19, 40, 8, "'word2', SPAN#wordinline2, ' ', 'word1', SPAN#wordinline1, SPAN#culledinline"); |
| /* Rect based test over word2 and word3. */ |
| checkRect(170, 19, 40, 8, "'word3', SPAN#wordinline3, ' ', 'word2', SPAN#wordinline2, SPAN#culledinline, P"); |
| |
| document.getElementById('sandbox').style.display = 'none'; |
| } |
| runTest(); |
| </script> |
| </body> |
| </html> |
| |
