| OLD | NEW |
| 1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" | 1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" |
| 2 "http://www.w3.org/TR/html4/strict.dtd"> | 2 "http://www.w3.org/TR/html4/strict.dtd"> |
| 3 <html lang="en"> | 3 <html lang="en"> |
| 4 <head> | 4 <head> |
| 5 <style type="text/css"> | 5 <style type="text/css"> |
| 6 #p { | 6 #p { |
| 7 position: relative; | 7 position: relative; |
| 8 left: -100px; | 8 left: -100px; |
| 9 margin-left: 100px; | 9 margin-left: 100px; |
| 10 } | 10 } |
| 11 #t { | 11 #t { |
| 12 display: none; | 12 display: none; |
| 13 position: absolute; | 13 position: absolute; |
| 14 width: 100px; | 14 width: 100px; |
| 15 height: 100px; | 15 height: 100px; |
| 16 background: green; | 16 background: green; |
| 17 } | 17 } |
| 18 </style> | 18 </style> |
| 19 <script src="resources/text-based-repaint.js" type="text/javascript"></scrip
t> | 19 <script src="resources/text-based-repaint.js" type="text/javascript"></scrip
t> |
| 20 <script type="text/javascript"> | 20 <script type="text/javascript"> |
| 21 function repaintTest() | 21 function repaintTest() |
| 22 { | 22 { |
| 23 document.getElementById('t').style.display='block'; | 23 document.getElementById('t').style.display='block'; |
| 24 } | 24 } |
| 25 </script> | 25 </script> |
| 26 </head> | 26 </head> |
| 27 <body onload="runRepaintTest();"> | 27 <body onload="runRepaintAndPixelTest();"> |
| 28 <p><b>BUG ID:</b> <a href="https://bugs.webkit.org/show_bug.cgi?id=7235">Bugzill
a bug 7235</a> Pure CSS Tooltips method renders wrong and creates artifacts</p> | 28 <p><b>BUG ID:</b> <a href="https://bugs.webkit.org/show_bug.cgi?id=7235">Bugzill
a bug 7235</a> Pure CSS Tooltips method renders wrong and creates artifacts</p> |
| 29 | 29 |
| 30 <p id="success" style="background-color:palegreen; padding:3px;"><b>TEST PASS:</
b> | 30 <p id="success" style="background-color:palegreen; padding:3px;"><b>TEST PASS:</
b> |
| 31 The square should change to solid green. | 31 The square should change to solid green. |
| 32 </p> | 32 </p> |
| 33 | 33 |
| 34 <p id="failure" style="background-color:#FF3300; padding:3px;"><b>TEST FAIL:</b>
| 34 <p id="failure" style="background-color:#FF3300; padding:3px;"><b>TEST FAIL:</b>
|
| 35 The square will remain red and will only change to green when the window is resi
zed, scrolled or otherwise repainted. | 35 The square will remain red and will only change to green when the window is resi
zed, scrolled or otherwise repainted. |
| 36 </p> | 36 </p> |
| 37 | 37 |
| 38 <p> | 38 <p> |
| 39 </p> | 39 </p> |
| 40 <span id="p"> <div id="t"></div></span> | 40 <span id="p"> <div id="t"></div></span> |
| 41 <div style="width: 100px; height: 100px; background: red;"></div> | 41 <div style="width: 100px; height: 100px; background: red;"></div> |
| 42 | 42 |
| 43 </body> | 43 </body> |
| 44 </html> | 44 </html> |
| OLD | NEW |