Is there a way to manipulate the testing ui generated by ember test --server to simulate a mobile device, to validate the responsiveness of my application?
I’m using ember-responsive and even if I choose an iphone in the device emulator in google chrome, the media service of ember-responsive does not report a mobile device. Furthermore manually printing the device viewport dimensions from my application test with:
const vw = Math.max(document.documentElement.clientWidth || 0, window.innerWidth || 0); const vh = Math.max(document.documentElement.clientHeight || 0, window.innerHeight || 0); console.log("vw here: ", vw); console.log("vh here: ", vh);
reports different dimensions than the chrome emulator.
The Iphone 6/7/8 dimensions are 375 by 667 while the code above generates device dimensions of 640 by 1139.
See the attached screenshot below.