third_party/WebKit/LayoutTests/paint/invalidation/spv2/table-section-repaint.html - Issue 1366763002: Text expectations of paint/invalidation/spv2

Side by Side Diff: third_party/WebKit/LayoutTests/paint/invalidation/spv2/table-section-repaint.html

Issue 1366763002: Text expectations of paint/invalidation/spv2 (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master

Patch Set: Created 5 years, 2 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

« no previous file with comments | « third_party/WebKit/LayoutTests/paint/invalidation/spv2/table-section-overflow.html ('k') | third_party/WebKit/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') | Hide Comments ('s')

OLD	NEW
1 <!-- Based on fast/repaint/table-section-repaint.html -->	1 <!-- Based on fast/repaint/table-section-repaint.html -->

2 <html>	2 <html>

3 <head>	3 <head>

4 <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>

5 <style type="text/css">	5 <style type="text/css">

6 div.playground { position: relative; width: 90px; height: 90px; }	6 div.playground { position: relative; width: 90px; height: 90px; }

7 .red { background-color: yellow; }	7 .red { background-color: yellow; }

8 .blue { background-color: blue; }	8 .blue { background-color: blue; }

9 .green { background-color: green; }	9 .green { background-color: green; }

10 .zero { height: 0; width: 60px; }	10 .zero { height: 0; width: 60px; }

11 .half { height: 30px; width: 60px; }	11 .half { height: 30px; width: 60px; }

12 .full { height: 60px; width: 60px; }	12 .full { height: 60px; width: 60px; }

13 </style>	13 </style>

14 <script src="resources/paint-invalidation-test.js" type="text/javascript"></ script>	14 <script src="resources/paint-invalidation-test.js" type="text/javascript"></ script>

15 <script type="text/javascript">	15 <script type="text/javascript">

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 function paintInvalidationTest()

45 {	17 {

46 var caption1 = document.getElementById("caption1");	18 var caption1 = document.getElementById("caption1");

47 caption1.style.height = "0";	19 caption1.style.height = "0";

48	20

49 var caption2 = document.getElementById("caption2");	21 var caption2 = document.getElementById("caption2");

50 caption2.style.height = "30px";	22 caption2.style.height = "30px";

51	23

52 var top = document.getElementById("top");	24 var top = document.getElementById("top");

53 top.style.height = "0";	25 top.style.height = "0";

(...skipping 56 matching lines...) Expand 10 before \| Expand all \| Expand 10 after Loading...
110 <div id="innerDiv"></div>	82 <div id="innerDiv"></div>

111 </caption>	83 </caption>

112 <tbody>	84 <tbody>

113 <tr><td class="half"></td></tr>	85 <tr><td class="half"></td></tr>

114 <tr><td class="half" style="border-top: solid yellow 8px;"></td> </tr>	86 <tr><td class="half" style="border-top: solid yellow 8px;"></td> </tr>

115 </tbody>	87 </tbody>

116 </table>	88 </table>

117 </div>	89 </div>

118 </body>	90 </body>

119 </html>	91 </html>

OLD	NEW