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

Issues Search
    My Issues | Starred     Open | Closed | All

Side by Side Diff: LayoutTests/paint/invalidation/spv2/table-section-repaint-expected.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/table-section-repaint.html ('k') | LayoutTests/paint/invalidation/spv2/table-two-pass-layout-overpaint.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 <html> 1 <html>
2 <head> 2 <head>
3 <title>Test for http://bugs.webkit.org/show_bug.cgi?id=12079</title> 3 <title>Test for http://bugs.webkit.org/show_bug.cgi?id=12079</title>
4 <style type="text/css"> 4 <style type="text/css">
5 div.playground { position: relative; width: 90px; height: 90px; } 5 div.playground { position: relative; width: 90px; height: 90px; }
6 .red { background-color: yellow; } 6 .red { background-color: yellow; }
7 .blue { background-color: blue; } 7 .blue { background-color: blue; }
8 .green { background-color: green; } 8 .green { background-color: green; }
9 .zero { height: 0; width: 60px; } 9 .zero { height: 0; width: 60px; }
10 .half { height: 30px; width: 60px; } 10 .half { height: 30px; width: 60px; }
11 .full { height: 60px; width: 60px; } 11 .full { height: 60px; width: 60px; }
12 </style> 12 </style>
13 <script src="resources/text-based-repaint.js" type="text/javascript"></scrip t>
14 <script type="text/javascript">
15 function repaintTest()
16 {
17 var caption1 = document.getElementById("caption1");
18 caption1.style.height = "0";
19
20 var caption2 = document.getElementById("caption2");
21 caption2.style.height = "30px";
22
23 var top = document.getElementById("top");
24 top.style.height = "0";
25
26 var top = document.getElementById("innerDiv");
27 innerDiv.style.height = "15px";
28 }
29 </script>
30 </head> 13 </head>
31 <body onload="runRepaintTest()"> 14 <body>
32 <div class="playground"> 15 <div class="playground">
33 <table cellpadding="0" cellspacing="0"> 16 <table cellpadding="0" cellspacing="0">
34 <caption id="caption1" class="blue half"></caption>
35 <tbody> 17 <tbody>
36 <tr> 18 <tr>
37 <td class="red half"></td> 19 <td class="red half"></td>
38 </tr> 20 </tr>
39 <tr> 21 <tr>
40 <td class="green half"></td> 22 <td class="green half"></td>
41 </tr> 23 </tr>
42 </tbody> 24 </tbody>
43 </table> 25 </table>
44 </div> 26 </div>
45 27
46 <div class="playground"> 28 <div class="playground">
47 <table cellpadding="0" cellspacing="0"> 29 <table cellpadding="0" cellspacing="0">
48 <tbody> 30 <tbody>
49 <tr> 31 <tr>
50 <td><div id="top" class="blue half"></div></td> 32 <td></td>
51 </tr> 33 </tr>
52 </tbody> 34 </tbody>
53 <tbody> 35 <tbody>
54 <tr> 36 <tr>
55 <td class="red half"></td> 37 <td class="red half"></td>
56 </tr> 38 </tr>
57 <tr> 39 <tr>
58 <td class="green half"></td> 40 <td class="green half"></td>
59 </tr> 41 </tr>
60 </tbody> 42 </tbody>
61 </table> 43 </table>
62 </div> 44 </div>
63 45
64 <div class="playground"> 46 <div class="playground">
65 <table cellpadding="0" cellspacing="0"> 47 <table cellpadding="0" cellspacing="0">
66 <caption id="caption2" class="zero"></caption> 48 <caption id="caption2" class="half"></caption>
67 <tbody> 49 <tbody>
68 <tr> 50 <tr>
69 <td class="green half"></td> 51 <td class="green half"></td>
70 </tr> 52 </tr>
71 <tr> 53 <tr>
72 <td class="red half"></td> 54 <td class="red half"></td>
73 </tr> 55 </tr>
74 </tbody> 56 </tbody>
75 </table> 57 </table>
76 </div> 58 </div>
77 59
78 <div class="playground" style="margin-top: 30px;"> 60 <div class="playground" style="margin-top: 30px;">
79 <table cellpaddin="0" cellspacing="0" style="width: 60px; border-collaps e: collapse; border: 8px solid green;"> 61 <table cellpaddin="0" cellspacing="0" style="width: 60px; border-collaps e: collapse; border: 8px solid green;">
80 <caption style="width: 10px; margin: auto;"> 62 <caption style="width: 10px; margin: auto;">
81 <div id="innerDiv"></div> 63 <div id="innerDiv" style="height: 15px"></div>
82 </caption> 64 </caption>
83 <tbody> 65 <tbody>
84 <tr><td class="half"></td></tr> 66 <tr><td class="half"></td></tr>
85 <tr><td class="half" style="border-top: solid yellow 8px;"></td> </tr> 67 <tr><td class="half" style="border-top: solid yellow 8px;"></td> </tr>
86 </tbody> 68 </tbody>
87 </table> 69 </table>
88 </div> 70 </div>
89 </body> 71 </body>
90 </html> 72 </html>
OLDNEW
« no previous file with comments | « LayoutTests/paint/invalidation/spv2/table-section-repaint.html ('k') | LayoutTests/paint/invalidation/spv2/table-two-pass-layout-overpaint.html » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698