Testing with different screen resolutions

In responsive web design, the layout of the page may drastically differ across devices’ screen resolutions. This adds another layer of complexity to web software testing.

In Usetrace, it is possible to select the resolution in which the trace will be executed. Because the software can be very different in different resolutions, the traces are always bound to one specific resolution only. To set the resolution for a given trace, open the Editor and follow the steps below.

In the Editor, click the settings tab in the “Open URL” step.

Select the resolution from the dropdown menu of "Emulate a common device" or type the resolution manually. The Editor’s Virtual Browser will now resize, and your trace will be tested with the new resolution.

You may want to run the same trace with different screen resolutions to ensure that it works across devices. To do this, start by adding a trace as a routine in the Pointer.

You now have a trace that sets the resolution and calls another trace to be tested with that resolution. Click “Run Trace”.

You have now tested that the feature works in the resolution which you selected.