| OLD | NEW | 
 |   1 <!-- Based on fast/repaint/box-sizing.html --> | 
|   1 <!DOCTYPE HTML> |   2 <!DOCTYPE HTML> | 
|   2 <script src="resources/text-based-repaint.js"></script> |   3 <script src="resources/paint-invalidation-test.js"></script> | 
|   3 <script> |   4 <script> | 
|   4 function repaintTest() |   5 window.expectedPaintInvalidationObjects = [ | 
 |   6     "LayoutBlockFlow (positioned) DIV id='target1' class='content-box'", | 
 |   7     "LayoutBlockFlow (positioned) DIV id='target2' class='border-box'", | 
 |   8 ]; | 
 |   9 function paintInvalidationTest() | 
|   5 { |  10 { | 
|   6     document.getElementById('target1').className = 'content-box'; |  11     document.getElementById('target1').className = 'content-box'; | 
|   7     document.getElementById('target2').className = 'border-box'; |  12     document.getElementById('target2').className = 'border-box'; | 
|   8 } |  13 } | 
|   9 window.onload = runRepaintTest; |  14 window.onload = runPaintInvalidationTest; | 
|  10 </script> |  15 </script> | 
|  11 <style> |  16 <style> | 
|  12 body { |  17 body { | 
|  13     margin: 0; |  18     margin: 0; | 
|  14 } |  19 } | 
|  15 div { |  20 div { | 
|  16     width: 50%; |  21     width: 50%; | 
|  17     height: 100px; |  22     height: 100px; | 
|  18     position: absolute; |  23     position: absolute; | 
|  19     background-color: green; |  24     background-color: green; | 
|  20     border: blue solid 20px; |  25     border: blue solid 20px; | 
|  21 } |  26 } | 
|  22 .border-box { |  27 .border-box { | 
|  23     box-sizing: border-box; |  28     box-sizing: border-box; | 
|  24 } |  29 } | 
|  25 .content-box { |  30 .content-box { | 
|  26     box-sizing: content-box; |  31     box-sizing: content-box; | 
|  27 } |  32 } | 
|  28 </style> |  33 </style> | 
|  29 <div id="target1" class="border-box" style="top: 0px"></div> |  34 <div id="target1" class="border-box" style="top: 0px"></div> | 
|  30 <div id="target2" class="content-box" style="top: 200px"></div> |  35 <div id="target2" class="content-box" style="top: 200px"></div> | 
| OLD | NEW |