Run a test using the Editor

In UIlicious Studio, you can write and run tests in the Editor tab.

The Editor tab has three panes:

  1. Workspace - Manage your files in your project here
  2. Editor - Write your tests here
  3. Result - Run and view test reports here
The "workspace", "editor", and "result" panes in the UIlicious Editor

Once you have written a test, you can configure how you want to run a test. There are several configuration options:

  1. Browser - the browser you want to test
  2. Resolution - the initial screen resolution you want to test
  3. Dataset - the dataset you want to use with the test
  4. Region - the geographic location you want to run the test in
  5. User Agent - override the default user agent of the test browser

Basic configuration

In the toolbar above the "Result" pane, you can find basic configuration options for setting the test browser, resolution, and dataset.

You can select browser, resolution, and dataset from the toolbar

To run a test, you must pick a browser and an initial resolution.

The selected browser cannot be changed for the rest of the test.

The selected resolution will set the initial screen resolution of the test browser, and this can be changed at any point during the test using the UI.resize command. If you want to run the test with a custom resolution, you can use the UI.resize command to specify the custom resolution.

Run a test

Click on the "Run" button in the toolbar to start running the test that is opened in the Editor pane.

Click the "Run" button to run the selected test file

Once the test starts, you will start seeing the test results while the test runs in the Result pane.

The Editor with a finished test report

You can click on the individual steps to view the screenshot for the step, or use the Up / Down Arrow Keys to move between steps.

Advanced configuration

You can access advanced test run configurations by clicking on the "Custom Test Run" button in the "Run" menu.

Access more configurations from "Custom Test Run"

You can configure the browser, resolution, dataset, region, and user agent to run the test with.

Run settings

Once you are done configuring the test settings, you start the test by clicking the "Run" button.

Setting default dataset

If you frequently run a test with the same dataset, you can set the default for the dataset to save time. This default will only be set for you, and the rest of your team members will not share your default settings.

Click "Manage Datasets" from the "Datasets" dropdown.

Open the "Manage Datasets" dialog

Click on "Set as default" on the dataset that you want to use as your default dataset when running tests from the Editor.

Set a default dataset to use when running tests from the editor

Setting default region

If you frequently run a test with the same region, you can set the default for the region to save time. This default will only be set for you, and the rest of your team members will not share your default settings.

Open "Custom Test Run" from the "Run" menu. Select a region, and click "Set as default" to make the selected region the default region when running tests from the Editor.

Set a default region to use when running tests from the editor
Last Updated: