Responsive testing

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.

1. Open parameters

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

2. Set the resolution

Select the resolution from the dropdown menu or type it manually. The Editor’s Virtual Browser will now resize, and your trace will be tested with the new resolution.

3. Optional: run an existing trace with a 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 clicking “Add trace” in the Pointer.

4. Add trace

Select the trace which you want to add from the dropdown menu and click “Add”.

5. Run the trace

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

6. Results

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