Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(106)

Side by Side Diff: LayoutTests/paint/invalidation/spv2/background-resize-width.html

Issue 1302183007: Convert some text-based-repaint tests for spv2 (Closed) Base URL: svn://svn.chromium.org/blink/trunk
Patch Set: Created 5 years, 3 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch | Annotate | Revision Log
OLDNEW
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
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>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698