Test mobile-friendly responsive websites, PWAs, or hybrid-mobile apps.
Reflect gives you the ability to record and execute tests via an emulated mobile device. This allows you to create regression tests that simulate how your users experience your site from a phone or tablet. This can also be used to test hybrid mobile apps built with technologies like React Native.
An option to select a ‘Device Profile’ is provided when you start a new test recording.
Each test must be associated with a single Device Profile, and this profile cannot be changed once the test is created. In addition to the default ‘Desktop’ profile, two mobile device profiles are currently supported:
This profile emulates the dimensions of an iPad and iPad Mini:
This profile emulates the dimensions of the iPhone 6, iPhone 7, and iPhone 8:
Since a test can only be associated to one Device Profile, if you want to record a test scenario for both desktop and mobile devices, you’ll need to record the test for each profile individually. We realize this results in test duplication, but this limitation exists for a good reason. Web apps can often have divergent behavior depending on the user’s screen resolution, reported User Agent, or Javascript runtime. Creating a single recording that is resilient to all of these changes is often not possible, so instead we choose to isolate these differences into Device Profiles so that they are guaranteed not to change across test runs and so we can minimize the chances of false-positive test failures.
The Mobile and Tablet device profiles utilize Chrome’s built-in mobile emulation support and do not run on real mobile devices.