third_party/WebKit/LayoutTests/fast/repaint/overflow-into-content.html - Issue 1994373002: Convert some repaint tests into ref tests

Side by Side Diff: third_party/WebKit/LayoutTests/fast/repaint/overflow-into-content.html

Issue 1994373002: Convert some repaint tests into ref tests (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master

Patch Set: Created 4 years, 7 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/fast/repaint/overflow-hide-expected.html ('k') | third_party/WebKit/LayoutTests/fast/repaint/overflow-into-content-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 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/x html1/DTD/xhtml1-strict.dtd">	1 <!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">	2 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

3 <head>	3 <head>

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

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

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

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

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

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

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

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

12 </style>	12 </style>

13 <script src="resources/text-based-repaint.js" type="text/javascript"></scrip t>	13 <script src="resources/text-based-repaint.js" type="text/javascript"></scrip t>

14 <script>	14 <script>

15 function repaintTest()	15 function repaintTest()

16 {	16 {

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

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

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

20 }	20 }

21 </script>	21 </script>

22 </head>	22 </head>

23 <body onload="runRepaintTest();">	23 <body onload="runRepaintAndPixelTest();">

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

25 <div class="narrow" id="target1" style="width: auto;">	25 <div class="narrow" id="target1" style="width: auto;">

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

27 </div>	27 </div>

28 </div>	28 </div>

29	29

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

31 <div class="short" id="target2" style="height: auto;">	31 <div class="short" id="target2" style="height: auto;">

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

33 </div>	33 </div>

34 </div>	34 </div>

35	35

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

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

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

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

40 </div>	40 </div>

41 </div>	41 </div>

42 <div id="target3" style="display: block;"></div>	42 <div id="target3" style="display: block;"></div>

43 </div>	43 </div>

44 </div>	44 </div>

45 </body>	45 </body>

46 </html>	46 </html>

OLD	NEW