third_party/WebKit/LayoutTests/fast/hidpi/media-query-as-background-with-zoom.html - Issue 1908463002: Modernize fast/hidpi layout tests

Side by Side Diff

Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.

Keyboard Shortcuts

	File
u :	up to issue
j / k :	jump to file after / before current file
J / K :	jump to next file with a comment after / before current file
	Side-by-side diff
i :	toggle intra-line diffs
e :	expand all comments
c :	collapse all comments
s :	toggle showing all comments
n / p :	next / previous diff chunk or comment
N / P :	next / previous comment
<Up> / <Down> :	next / previous line

	Issue
u :	up to list of issues
j / k :	jump to patch after / before current patch
o / <Enter> :	open current patch in side-by-side view
i :	open current patch in unified diff view

	Issue List
j / k :	jump to issue after / before current issue
o / <Enter> :	open current issue

Side by Side Diff: third_party/WebKit/LayoutTests/fast/hidpi/media-query-as-background-with-zoom.html

Issue 1908463002: Modernize fast/hidpi layout tests (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master

Patch Set: Add NeedsManualRebaseline 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:

OLD	NEW
1 <html>	1 <!DOCTYPE html>

2 <script src="../../resources/testharness.js"></script>	2 <script src="../../resources/testharness.js"></script>

3 <script src="../../resources/testharnessreport.js"></script>	3 <script src="../../resources/testharnessreport.js"></script>

4 <head>

5 <style>	4 <style>

6	5 @media only screen and (-webkit-min-device-pixel-ratio: 1.0) {

7 @media only screen and (-webkit-min-device-pixel-ratio: 1.0) {	6 #foo { background-color: red; }

8 #foo { background-color: red; }	7 }

9 }	8 @media only screen and (-webkit-min-device-pixel-ratio: 1.1) {

10	9 #foo { background-color: blue; }

11 @media only screen and (-webkit-min-device-pixel-ratio: 1.1) {	10 }

12 #foo { background-color: blue; }

13 }

14

15 </style>	11 </style>

16 </head>	12 <div id=foo></div>

17 <body id="body">

18 <div id=foo></div>

19 </body>

20 <script>	13 <script>

21 if (window.eventSender)	14 if (window.eventSender)

22 window.eventSender.zoomPageIn();	15 window.eventSender.zoomPageIn();

23	16 test(function() {

24 test(function() {	17 var div = document.getElementById("foo");

25 var div = document.getElementById("foo");	18 var computedStyle = window.getComputedStyle(div, null);

26 var computedStyle = window.getComputedStyle(div, null);	19 assert_equals(computedStyle.getPropertyValue('background-color'),

27 assert_equals(computedStyle.getPropertyValue('background-color'),	20 'rgb(0, 0, 255)');

28 'rgb(0, 0, 255)');	21 }, "media query with zoom");

29 }, "media query with zoom");

30 </script>	22 </script>

31 </html>

OLD	NEW