LayoutTests/paint/invalidation/spv2/table-section-repaint.html - Issue 1302183007: Convert some text-based-repaint tests for spv2

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

« no previous file with comments | « LayoutTests/paint/invalidation/spv2/table-section-overflow-expected.html ('k') | LayoutTests/paint/invalidation/spv2/table-section-repaint-expected.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 <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 Loading...
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>

OLD	NEW