third_party/WebKit/LayoutTests/inspector/device-emulation/device-emulation-initial-scale-expected.txt - Issue 1638953002: [DevTools] Migrate device-emulation tests from OverridesSupport to inspector-protocol.

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/inspector/device-emulation/device-emulation-initial-scale-expected.txt

Issue 1638953002: [DevTools] Migrate device-emulation tests from OverridesSupport to inspector-protocol. (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master

Patch Set: Created 4 years, 11 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/inspector/device-emulation/device-emulation-initial-scale.html ('k') | third_party/WebKit/LayoutTests/inspector/device-emulation/device-emulation-insets.html » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

OLD	NEW
	(Empty)
1 Tests that turning on device emulation with a non-1 device pixel ratio sets the appropriate initial scale. Page scale is reflected by the innerWidth and innerHe ight properties. Since the layout width is set to 980 (in the viewport meta tag) , and the emulated viewport width is 490 px, the initial scale should be 490/980 = 0.5. i.e. innerWidth=980 innerHeight=640.

2

3 Page reloaded.

4 Emulating device: 490x320x3 viewport='w=980'

5 Emulation warning: You might need to reload the page for proper user agent spoof ing and viewport rendering.

6 Device:

7 window.screenX = 0px

8 window.screenY = 0px

9 Viewport: = ?w=980

10 @media orientation = landscape

11 window.orientation

12 @media resolution = 288dpi

13 @media device-pixel-ratio = 3

14 window.devicePixelRatio = 3

15 Widths:

16 @media device-width = 490px

17 screen.width = 490px

18 screen.availWidth = 490px

19 window.outerWidth = 490px

20 window.innerWidth = 980px

21 @media width = 980px

22 doc.docElem.clientWidth = 980px

23 doc.docElem.offsetWidth = 980px

24 doc.docElem.scrollWidth = 980px

25 doc.body.clientWidth = 980px

26 doc.body.offsetWidth = 980px

27 doc.body.scrollWidth = 980px

28 Heights:

29 @media device-height = 320px

30 screen.height = 320px

31 screen.availHeight = 320px

32 window.outerHeight = 320px

33 window.innerHeight = 640px

34 @media height = 640px

35 doc.docElem.clientHeight = 1000px

36 doc.docElem.offsetHeight = 1000px

37 doc.docElem.scrollHeight = 1000px

38 doc.body.clientHeight = 640px

39 doc.body.offsetHeight = 1000px

40 doc.body.scrollHeight = 1000px

41

42

OLD	NEW