third_party/WebKit/LayoutTests/fast/repaint/backgroundSizeRepaint.html - Issue 2052563002: Add Settings::useDefaultImageInterpolationQuality and use it in repaint tests

Side by Side Diff: third_party/WebKit/LayoutTests/fast/repaint/backgroundSizeRepaint.html

Issue 2052563002: Add Settings::useDefaultImageInterpolationQuality and use it in repaint tests (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master

Patch Set: Rebaseline some pixel tests containing scaled images Created 4 years, 6 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/background-resize-width-expected.html ('k') | third_party/WebKit/LayoutTests/fast/repaint/backgroundSizeRepaint-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=8467">Bugzill a bug 8467</a> Block with percentage background-size doesn't repaint properly wh en it grows</p>	18 <p><b>BUG ID:</b> <a href="https://bugs.webkit.org/show_bug.cgi?id=8467">Bugzill a bug 8467</a> Block with percentage background-size doesn't repaint properly wh en it grows</p>

19	19

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

21 The boxes will resize, and their background images will repaint correctly mainta ining the set background-size.	21 The boxes will resize, and their background images will repaint correctly mainta ining the set background-size.

22 </p>	22 </p>

23	23

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

25 The boxes will resize, but the background images will leave artifacts on the sid es.	25 The boxes will resize, but the background images will leave artifacts on the sid es.

26 </p>	26 </p>

27	27

28 <div class="test">	28 <div class="test">

29 <div style="background-image:url(resources/apple.jpg); -webkit-background-si ze: auto 100%;">	29 <div style="background-image:url(resources/apple.jpg); -webkit-background-si ze: auto 100%;">

30 <div id="a" style="height: 60px; margin: 10px; background-color:teal; op acity:0.5;"></div>	30 <div id="a" style="height: 60px; margin: 10px; background-color:teal; op acity:0.5;"></div>

31 </div>	31 </div>

32 </div>	32 </div>

33 <br>	33 <br>

34 <div class="test">	34 <div class="test">

35 <div style="background-image:url(resources/apple.jpg); -webkit-background-si ze: auto 100%;">	35 <div style="background-image:url(resources/apple.jpg); -webkit-background-si ze: auto 100%;">

36 <div id="b" style="height: 40px; margin: 10px; background:teal; opacity: 0.5;"></div>	36 <div id="b" style="height: 40px; margin: 10px; background:teal; opacity: 0.5;"></div>

37 </div>	37 </div>

38 </div>	38 </div>

39	39

40 </body>	40 </body>

41 </html>	41 </html>

OLD	NEW