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

Issues Search
    My Issues | Starred     Open | Closed | All

Side by Side Diff: LayoutTests/paint/invalidation/spv2/block-shift-repaint.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
« no previous file with comments | « LayoutTests/paint/invalidation/spv2/background-size-auto-with-gradient-and-height-changes-expected.html ('k') | LayoutTests/paint/invalidation/spv2/block-shift-repaint-expected.html » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
1 <!-- Based on fast/repaint/block-shift-repaint.html -->
1 <html> 2 <html>
2 <head> 3 <head>
3 <title>Test for http://bugs.webkit.org/show_bug.cgi?id=12079</title> 4 <title>Test for http://bugs.webkit.org/show_bug.cgi?id=12079</title>
4 <style type="text/css"> 5 <style type="text/css">
5 div.playground { position: relative; width: 90px; height: 90px; } 6 div.playground { position: relative; width: 90px; height: 90px; }
6 .red { background-color: yellow; } 7 .red { background-color: yellow; }
7 .blue { background-color: blue; } 8 .blue { background-color: blue; }
8 .green { background-color: green; } 9 .green { background-color: green; }
9 .zero { height: 0; width: 60px; } 10 .zero { height: 0; width: 60px; }
10 .half { height: 30px; width: 60px; } 11 .half { height: 30px; width: 60px; }
11 .full { height: 60px; width: 60px; } 12 .full { height: 60px; width: 60px; }
12 </style> 13 </style>
13 <script src="resources/text-based-repaint.js" type="text/javascript"></scrip t> 14 <script src="resources/paint-invalidation-test.js" type="text/javascript"></ script>
14 <script type="text/javascript"> 15 <script type="text/javascript">
15 function repaintTest() 16 window.expectedPaintInvalidationObjects = [
17 "LayoutBlockFlow DIV id='div1' class='blue half'",
18 "LayoutBlockFlow DIV class='red half'",
19 "LayoutBlockFlow DIV class='green half'",
20 "LayoutBlockFlow DIV id='top' class='blue half'",
21 "LayoutBlockFlow DIV class='red half'",
22 "LayoutBlockFlow DIV class='green half'",
23 "LayoutBlockFlow DIV id='div2' class='zero'",
24 "LayoutBlockFlow DIV class='green half'",
25 "LayoutBlockFlow DIV class='red half'",
26 "LayoutBlockFlow DIV id='innerDiv'",
27 "LayoutBlockFlow DIV class='half'",
28 "LayoutBlockFlow DIV class='half'",
29 ];
30 function paintInvalidationTest()
16 { 31 {
17 var div1 = document.getElementById("div1"); 32 var div1 = document.getElementById("div1");
18 div1.style.height = "0"; 33 div1.style.height = "0";
19 34
20 var div2 = document.getElementById("div2"); 35 var div2 = document.getElementById("div2");
21 div2.style.height = "30px"; 36 div2.style.height = "30px";
22 37
23 var top = document.getElementById("top"); 38 var top = document.getElementById("top");
24 top.style.height = "0"; 39 top.style.height = "0";
25 40
26 var top = document.getElementById("innerDiv"); 41 var top = document.getElementById("innerDiv");
27 innerDiv.style.height = "15px"; 42 innerDiv.style.height = "15px";
28 } 43 }
29 </script> 44 </script>
30 </head> 45 </head>
31 <body onload="runRepaintTest()"> 46 <body onload="runPaintInvalidationTest()">
32 <div class="playground"> 47 <div class="playground">
33 <div id="div1" class="blue half"></div> 48 <div id="div1" class="blue half"></div>
34 <div class="red half"></div> 49 <div class="red half"></div>
35 <div class="green half"></div> 50 <div class="green half"></div>
36 </div> 51 </div>
37 52
38 <div class="playground"> 53 <div class="playground">
39 <div><div id="top" class="blue half"></div></div> 54 <div><div id="top" class="blue half"></div></div>
40 <div class="red half"></div> 55 <div class="red half"></div>
41 <div class="green half"></div> 56 <div class="green half"></div>
42 </div> 57 </div>
43 58
44 <div class="playground"> 59 <div class="playground">
45 <div id="div2" class="zero"></div> 60 <div id="div2" class="zero"></div>
46 <div class="green half"></div> 61 <div class="green half"></div>
47 <div class="red half"></div> 62 <div class="red half"></div>
48 </div> 63 </div>
49 64
50 <div class="playground" style="margin-top: 30px;"> 65 <div class="playground" style="margin-top: 30px;">
51 <div style="width: 10px; margin: auto;"> 66 <div style="width: 10px; margin: auto;">
52 <div id="innerDiv"></div> 67 <div id="innerDiv"></div>
53 </div> 68 </div>
54 <div class="half"></div> 69 <div class="half"></div>
55 <div class="half" style="border-top: solid yellow 8px;"></div> 70 <div class="half" style="border-top: solid yellow 8px;"></div>
56 </div> 71 </div>
57 </body> 72 </body>
58 </html> 73 </html>
OLDNEW
« no previous file with comments | « LayoutTests/paint/invalidation/spv2/background-size-auto-with-gradient-and-height-changes-expected.html ('k') | LayoutTests/paint/invalidation/spv2/block-shift-repaint-expected.html » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698