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

Side by Side Diff: LayoutTests/paint/invalidation/spv2/table-section-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
OLDNEW
1 <!-- Based on fast/repaint/table-section-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 CAPTION id='caption1' class='blue half'",
18 "LayoutTableSection TBODY",
19 "LayoutTableRow TR",
20 "LayoutTableCell TD class='red half'",
21 "LayoutTableRow TR",
22 "LayoutTableCell TD class='green half'",
23 "LayoutTableCell TD",
24 "LayoutBlockFlow DIV id='top' class='blue half'",
25 "LayoutTableSection TBODY",
26 "LayoutTableRow TR",
27 "LayoutTableCell TD class='red half'",
28 "LayoutTableRow TR",
29 "LayoutTableCell TD class='green half'",
30 "LayoutBlockFlow CAPTION id='caption2' class='zero'",
31 "LayoutTableSection TBODY",
32 "LayoutTableRow TR",
33 "LayoutTableCell TD class='green half'",
34 "LayoutTableRow TR",
35 "LayoutTableCell TD class='red half'",
36 "LayoutTable TABLE",
37 "LayoutBlockFlow DIV id='innerDiv'",
38 "LayoutTableSection TBODY",
39 "LayoutTableRow TR",
40 "LayoutTableCell TD class='half'",
41 "LayoutTableRow TR",
42 "LayoutTableCell TD class='half'",
43 ];
44 function paintInvalidationTest()
16 { 45 {
17 var caption1 = document.getElementById("caption1"); 46 var caption1 = document.getElementById("caption1");
18 caption1.style.height = "0"; 47 caption1.style.height = "0";
19 48
20 var caption2 = document.getElementById("caption2"); 49 var caption2 = document.getElementById("caption2");
21 caption2.style.height = "30px"; 50 caption2.style.height = "30px";
22 51
23 var top = document.getElementById("top"); 52 var top = document.getElementById("top");
24 top.style.height = "0"; 53 top.style.height = "0";
25 54
26 var top = document.getElementById("innerDiv"); 55 var top = document.getElementById("innerDiv");
27 innerDiv.style.height = "15px"; 56 innerDiv.style.height = "15px";
28 } 57 }
29 </script> 58 </script>
30 </head> 59 </head>
31 <body onload="runRepaintTest()"> 60 <body onload="runPaintInvalidationTest()">
32 <div class="playground"> 61 <div class="playground">
33 <table cellpadding="0" cellspacing="0"> 62 <table cellpadding="0" cellspacing="0">
34 <caption id="caption1" class="blue half"></caption> 63 <caption id="caption1" class="blue half"></caption>
35 <tbody> 64 <tbody>
36 <tr> 65 <tr>
37 <td class="red half"></td> 66 <td class="red half"></td>
38 </tr> 67 </tr>
39 <tr> 68 <tr>
40 <td class="green half"></td> 69 <td class="green half"></td>
41 </tr> 70 </tr>
(...skipping 39 matching lines...) Expand 10 before | Expand all | Expand 10 after
81 <div id="innerDiv"></div> 110 <div id="innerDiv"></div>
82 </caption> 111 </caption>
83 <tbody> 112 <tbody>
84 <tr><td class="half"></td></tr> 113 <tr><td class="half"></td></tr>
85 <tr><td class="half" style="border-top: solid yellow 8px;"></td> </tr> 114 <tr><td class="half" style="border-top: solid yellow 8px;"></td> </tr>
86 </tbody> 115 </tbody>
87 </table> 116 </table>
88 </div> 117 </div>
89 </body> 118 </body>
90 </html> 119 </html>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698