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:
The Mobile and Tablet device profiles utilize Chrome’s built-in mobile emulation support and do not run on real mobile devices.
Because hybrid-mobile apps utilize web technologies, it is possible to create regressions for them in Reflect. Before an app can be tested, it must first be deployed to the web at a location that is accessible by the Reflect recorder.
For React Native apps, the best way to accomplish this is via the React Native for Web open source plugin which makes it possible to run React Native apps on the web. A similar approach can be taken for other hybrid-mobile technologies - as long as it’s published to the web, you can test your app in Reflect.