| OLD | NEW |
| 1 <!-- Based on fast/repaint/background-resize-height.html --> |
| 1 <!DOCTYPE html> | 2 <!DOCTYPE html> |
| 2 <script src="resources/text-based-repaint.js" type="text/javascript"></script> | 3 <script src="resources/paint-invalidation-test.js" type="text/javascript"></scri
pt> |
| 3 <script> | 4 <script> |
| 4 function repaintTest() | 5 if (window.testRunner) |
| 6 testRunner.dumpAsTextWithPixelResults(); |
| 7 window.expectedPaintInvalidationObjects = [ |
| 8 "LayoutBlockFlow (positioned) DIV id='container'", |
| 9 "LayoutBlockFlow (positioned) DIV class='test image'", |
| 10 "LayoutBlockFlow (positioned) DIV class='test image size-cover'", |
| 11 "LayoutBlockFlow (positioned) DIV class='test image size-contain'", |
| 12 "LayoutBlockFlow (positioned) DIV class='test image fixed-height'", |
| 13 "LayoutBlockFlow (positioned) DIV class='test image percent-height'", |
| 14 "LayoutBlockFlow (positioned) DIV class='test image top'", |
| 15 "LayoutBlockFlow (positioned) DIV class='test image bottom'", |
| 16 "LayoutBlockFlow (positioned) DIV class='test image center'", |
| 17 "LayoutBlockFlow (positioned) DIV class='test image no-repeat'", |
| 18 "LayoutBlockFlow (positioned) DIV class='test image repeat-space'", |
| 19 "LayoutBlockFlow (positioned) DIV class='test image repeat-round'", |
| 20 "LayoutBlockFlow (positioned) DIV class='test generated'", |
| 21 "LayoutBlockFlow (positioned) DIV class='test generated cover'", |
| 22 "LayoutBlockFlow (positioned) DIV class='test generated contain'", |
| 23 "LayoutBlockFlow (positioned) DIV class='test generated fixed-height'", |
| 24 "LayoutBlockFlow (positioned) DIV class='test generated percent-height'", |
| 25 "LayoutBlockFlow (positioned) DIV class='test generated top'", |
| 26 "LayoutBlockFlow (positioned) DIV class='test generated bottom'", |
| 27 "LayoutBlockFlow (positioned) DIV class='test generated center'", |
| 28 "LayoutBlockFlow (positioned) DIV class='test generated no-repeat'", |
| 29 "LayoutBlockFlow (positioned) DIV class='test generated repeat-space'", |
| 30 "LayoutBlockFlow (positioned) DIV class='test generated repeat-round'", |
| 31 ]; |
| 32 function paintInvalidationTest() |
| 5 { | 33 { |
| 6 document.getElementById('container').style.height = '550px'; | 34 document.getElementById('container').style.height = '550px'; |
| 7 } | 35 } |
| 8 window.onload = runRepaintTest; | 36 window.onload = runPaintInvalidationTest; |
| 9 </script> | 37 </script> |
| 10 <style> | 38 <style> |
| 11 #container { | 39 #container { |
| 12 position: absolute; | 40 position: absolute; |
| 13 width: 600px; | 41 width: 600px; |
| 14 height: 500px; | 42 height: 500px; |
| 15 } | 43 } |
| 16 .test { | 44 .test { |
| 17 backface-visibility: hidden; | 45 backface-visibility: hidden; |
| 18 position: absolute; | 46 position: absolute; |
| 19 width: 10%; | 47 width: 10%; |
| 20 height: 8%; | 48 height: 8%; |
| 21 } | 49 } |
| 22 .image { | 50 .image { |
| 23 background-image: url(resources/small-apple.jpg); | 51 background-image: url(../../../fast/repaint/resources/small-apple.jpg); |
| 24 top: 0px; | 52 top: 0px; |
| 25 } | 53 } |
| 26 .generated { | 54 .generated { |
| 27 background-image: linear-gradient(blue, green); | 55 background-image: linear-gradient(blue, green); |
| 28 top: 100px; | 56 top: 100px; |
| 29 } | 57 } |
| 30 .size-cover { | 58 .size-cover { |
| 31 background-size: cover; | 59 background-size: cover; |
| 32 left: 50px; | 60 left: 50px; |
| 33 } | 61 } |
| (...skipping 51 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 85 <div class="test generated contain"></div> | 113 <div class="test generated contain"></div> |
| 86 <div class="test generated fixed-height"></div> | 114 <div class="test generated fixed-height"></div> |
| 87 <div class="test generated percent-height"></div> | 115 <div class="test generated percent-height"></div> |
| 88 <div class="test generated top"></div> | 116 <div class="test generated top"></div> |
| 89 <div class="test generated bottom"></div> | 117 <div class="test generated bottom"></div> |
| 90 <div class="test generated center"></div> | 118 <div class="test generated center"></div> |
| 91 <div class="test generated no-repeat"></div> | 119 <div class="test generated no-repeat"></div> |
| 92 <div class="test generated repeat-space"></div> | 120 <div class="test generated repeat-space"></div> |
| 93 <div class="test generated repeat-round"></div> | 121 <div class="test generated repeat-round"></div> |
| 94 </div> | 122 </div> |
| OLD | NEW |