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

Side by Side Diff: third_party/WebKit/LayoutTests/fast/repaint/outline-repaint-glitch.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/outline-inset-expected.html ('k') | third_party/WebKit/LayoutTests/fast/repaint/outline-repaint-glitch-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 HTML 4.01//EN"	1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"

2 "http://www.w3.org/TR/html4/strict.dtd">	2 "http://www.w3.org/TR/html4/strict.dtd">

3 <html lang="en">	3 <html lang="en">

4 <head>	4 <head>

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

6 div.test { width: 200px; height: 120px; border: 1px solid blue; padding: 10p x; }	6 div.test { width: 200px; height: 120px; border: 1px solid blue; padding: 10p x; }

7 </style>	7 </style>

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

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

10 function repaintTest()	10 function repaintTest()

11 {	11 {

12 document.getElementById('a').style.height = '40px';	12 document.getElementById('a').style.height = '40px';

13 document.getElementById('b').style.height = '60px';	13 document.getElementById('b').style.height = '60px';

14 }	14 }

15 </script>	15 </script>

16 </head>	16 </head>

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

18 <p><b>BUG ID:</b> <a href="https://bugs.webkit.org/show_bug.cgi?id=8032">Bugzill a bug 8032</a> REGRESSION: Focus ring not completely redrawn after a Delete chan ges its size</p>	18 <p><b>BUG ID:</b> <a href="https://bugs.webkit.org/show_bug.cgi?id=8032">Bugzill a bug 8032</a> REGRESSION: Focus ring not completely redrawn after a Delete chan ges its size</p>

19	19

20 <p> Note that this bug (and the test) are just outline versions of <a href="http s://bugs.webkit.org/show_bug.cgi?id=6301">Bugzilla bug 6301</a> and test <a href ="border-repaint-glitch.html">border-repaint-glitch.html</a>	20 <p> Note that this bug (and the test) are just outline versions of <a href="http s://bugs.webkit.org/show_bug.cgi?id=6301">Bugzilla bug 6301</a> and test <a href ="border-repaint-glitch.html">border-repaint-glitch.html</a>

21	21

22 <p id="success" style="background-color:palegreen; padding:3px;"><b>TEST PASS:</ b>	22 <p id="success" style="background-color:palegreen; padding:3px;"><b>TEST PASS:</ b>

23 The boxes will resize, maintaining their solid red rectangular outlines.	23 The boxes will resize, maintaining their solid red rectangular outlines.

24 </p>	24 </p>

25	25

26 <p id="failure" style="background-color:#FF3300; padding:3px;"><b>TEST FAIL:</b>	26 <p id="failure" style="background-color:#FF3300; padding:3px;"><b>TEST FAIL:</b>

27 The boxes will resize, but the outlines will break. The first box will be missin g	27 The boxes will resize, but the outlines will break. The first box will be missin g

28 small segments from either side of its bottom outline. The second box will have	28 small segments from either side of its bottom outline. The second box will have

29 small red horizontal segments protruding inwards from both sides of the outline,	29 small red horizontal segments protruding inwards from both sides of the outline,

30 where the bottom outline was before.	30 where the bottom outline was before.

31 </p>	31 </p>

32	32

33 <div class="test">	33 <div class="test">

34 <div style="background: teal; padding: 0; outline: solid red 4px;">	34 <div style="background: teal; padding: 0; outline: solid red 4px;">

35 <div id="a" style="height: 60px; margin: 10px; background:silver;"></div >	35 <div id="a" style="height: 60px; margin: 10px; background:silver;"></div >

36 </div>	36 </div>

37 </div>	37 </div>

38 <br>	38 <br>

39 <div class="test">	39 <div class="test">

40 <div style="background: teal; padding: 0; outline: solid red 4px;">	40 <div style="background: teal; padding: 0; outline: solid red 4px;">

41 <div id="b" style="height: 40px; margin: 10px; background:silver;"></div >	41 <div id="b" style="height: 40px; margin: 10px; background:silver;"></div >

42 </div>	42 </div>

43 </div>	43 </div>

44	44

45 </body>	45 </body>

46 </html>	46 </html>

OLD	NEW