Skip to main content
All CollectionsEditor
Testing with different screen resolutions (Responsive testing)
Testing with different screen resolutions (Responsive testing)

How to handle different screen sizes / responsive web design in test cases

Written by Igor Ivanovski
Updated over a week ago

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 URL” step.

2. Set the resolution

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.

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 adding a trace as a routine in the Pointer.

4. Add and run the trace

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.

Did this answer your question?