LayoutTests/paint/invalidation/spv2/content-into-overflow.html - Issue 1302183007: Convert some text-based-repaint tests for spv2

Side by Side Diff: LayoutTests/paint/invalidation/spv2/content-into-overflow.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/compositing-reason-removed-expected.html ('k') | LayoutTests/paint/invalidation/spv2/content-into-overflow-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/content-into-overflow.html -->

1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/x html1/DTD/xhtml1-strict.dtd">	2 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/x html1/DTD/xhtml1-strict.dtd">

2 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">	3 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

3 <head>	4 <head>

4 <title>Test for http://bugs.webkit.org/show_bug.cgi?id=12885</title>	5 <title>Test for http://bugs.webkit.org/show_bug.cgi?id=12885</title>

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

6 div.wide { width: 100px; height: 50px; }	7 div.wide { width: 100px; height: 50px; }

7 div.narrow { width: 50px; }	8 div.narrow { width: 50px; }

8 div.tall { width: 50px; height: 100px; }	9 div.tall { width: 50px; height: 100px; }

9 div.short { height: 50px; width: 50px; }	10 div.short { height: 50px; width: 50px; }

10 #main-content { float: left; width: 100px; height: 80px; }	11 #main-content { float: left; width: 100px; height: 80px; }

11 #target3 { display: none; clear: both; height: 20px; background: green; }	12 #target3 { display: none; clear: both; height: 20px; background: green; }

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>	15 <script>

15 function repaintTest()	16 window.expectedPaintInvalidationObjects = [

	17 "LayoutBlockFlow (positioned) DIV",

	18 "LayoutBlockFlow (positioned) DIV",

	19 "LayoutBlockFlow DIV",

	20 "LayoutBlockFlow DIV id='target3'",

	21 ];

	22 function paintInvalidationTest()

16 {	23 {

17 document.getElementById('target1').style.width = 'auto';	24 document.getElementById('target1').style.width = 'auto';

18 document.getElementById('target2').style.height = 'auto';	25 document.getElementById('target2').style.height = 'auto';

19 document.getElementById('target3').style.display = 'block';	26 document.getElementById('target3').style.display = 'block';

20 }	27 }

21 </script>	28 </script>

22 </head>	29 </head>

23 <body onload="runRepaintTest();">	30 <body onload="runPaintInvalidationTest();">

24 <div style="position: absolute; border: medium solid green; top: 8px; height : 100px;">	31 <div style="position: absolute; border: medium solid green; top: 8px; height : 100px;">

25 <div class="narrow" id="target1">	32 <div class="narrow" id="target1">

26 <div class="wide"></div>	33 <div class="wide"></div>

27 </div>	34 </div>

28 </div>	35 </div>

29	36

30 <div style="position: absolute; border: medium solid green; top: 158px; widt h: 100px;">	37 <div style="position: absolute; border: medium solid green; top: 158px; widt h: 100px;">

31 <div class="short" id="target2">	38 <div class="short" id="target2">

32 <div class="tall"></div>	39 <div class="tall"></div>

33 </div>	40 </div>

34 </div>	41 </div>

35	42

36 <div style="position: absolute; top: 308px;">	43 <div style="position: absolute; top: 308px;">

37 <div style="background: green;">	44 <div style="background: green;">

38 <div style="position: relative;">	45 <div style="position: relative;">

39 <div id="main-content">	46 <div id="main-content">

40 </div>	47 </div>

41 </div>	48 </div>

42 <div id="target3"></div>	49 <div id="target3"></div>

43 </div>	50 </div>

44 </div>	51 </div>

45 </body>	52 </body>

46 </html>	53 </html>

OLD	NEW