OLD | NEW |
| 1 <!-- Based on fast/repaint/background-resize-width.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-width'", |
| 13 "LayoutBlockFlow (positioned) DIV class='test image percent-width'", |
| 14 "LayoutBlockFlow (positioned) DIV class='test image left'", |
| 15 "LayoutBlockFlow (positioned) DIV class='test image right'", |
| 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-width'", |
| 24 "LayoutBlockFlow (positioned) DIV class='test generated percent-width'", |
| 25 "LayoutBlockFlow (positioned) DIV class='test generated left'", |
| 26 "LayoutBlockFlow (positioned) DIV class='test generated right'", |
| 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.width = '550px'; | 34 document.getElementById('container').style.width = '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-width"></div> | 114 <div class="test generated fixed-width"></div> |
87 <div class="test generated percent-width"></div> | 115 <div class="test generated percent-width"></div> |
88 <div class="test generated left"></div> | 116 <div class="test generated left"></div> |
89 <div class="test generated right"></div> | 117 <div class="test generated right"></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 |