| OLD | NEW |
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 <html> | 2 <html> |
| 3 <head> | 3 <head> |
| 4 <title>SVG img and bg test</title> | 4 <title>SVG img and bg test</title> |
| 5 <script src="../../fast/repaint/resources/repaint.js" type="text/javascript"><
/script> | 5 <script src="../../fast/repaint/resources/text-based-repaint.js" type="text/ja
vascript"></script> |
| 6 <script type="text/javascript"> | 6 <script type="text/javascript"> |
| 7 function repaintTest() { | 7 function repaintTest() { |
| 8 document.getElementById('test').className = 'revealed'; | 8 document.getElementById('test').className = 'revealed'; |
| 9 } | 9 } |
| 10 </script> | 10 </script> |
| 11 <style type="text/css" media="screen"> | 11 <style type="text/css" media="screen"> |
| 12 div { | 12 div { |
| 13 -webkit-box-sizing: border-box; | 13 -webkit-box-sizing: border-box; |
| 14 } | 14 } |
| 15 | 15 |
| (...skipping 17 matching lines...) Expand all Loading... |
| 33 | 33 |
| 34 #test.revealed > #revealer { | 34 #test.revealed > #revealer { |
| 35 display: none; | 35 display: none; |
| 36 } | 36 } |
| 37 | 37 |
| 38 #test:hover > #revealer { | 38 #test:hover > #revealer { |
| 39 display: block; | 39 display: block; |
| 40 } | 40 } |
| 41 </style> | 41 </style> |
| 42 </head> | 42 </head> |
| 43 <body onload="runRepaintTest()"> | 43 <body onload="runRepaintAndPixelTest()"> |
| 44 | 44 |
| 45 <p>You should continue see a full blue circle when part of the element is redraw
n (hover to test interactively).</p> | 45 <p>You should continue see a full blue circle when part of the element is redraw
n (hover to test interactively).</p> |
| 46 <div id="test"> | 46 <div id="test"> |
| 47 <div id="revealer"></div> | 47 <div id="revealer"></div> |
| 48 </div> | 48 </div> |
| 49 | 49 |
| 50 </body> | 50 </body> |
| 51 </html> | 51 </html> |
| OLD | NEW |