blob: 795a58c2bf70b8c0743ef897087cc4bad0520b6d [file] [log] [blame]
Tests that device emulation affects media rules, viewport meta tag, body dimensions and window.screen. Emulating small device on a page with viewport "width=device-width" set should work without reload for page without scrollbar.
Page reloaded.
Emulating device: 380x420x1 viewport='w=dw'
Device:
window.screenX = 0px
window.screenY = 0px
Viewport: = ?w=dw
@media orientation = portrait
window.orientation
@media resolution = 96dpi
@media device-pixel-ratio = 1
window.devicePixelRatio = 1
Widths:
@media device-width = 380px
screen.width = 380px
screen.availWidth = 380px
window.outerWidth = 380px
window.innerWidth = 380px
@media width = 380px
doc.docElem.clientWidth = 380px
doc.docElem.offsetWidth = 380px
doc.docElem.scrollWidth = 380px
doc.body.clientWidth = 380px
doc.body.offsetWidth = 380px
doc.body.scrollWidth = 380px
Heights:
@media device-height = 420px
screen.height = 420px
screen.availHeight = 420px
window.outerHeight = 420px
window.innerHeight = 420px
@media height = 420px
doc.docElem.clientHeight = 420px
doc.docElem.offsetHeight = 420px
doc.docElem.scrollHeight = 420px
doc.body.clientHeight = 420px
doc.body.offsetHeight = 420px
doc.body.scrollHeight = 420px