Testing on Different Browsers and Screen sizes

Preflight uses global defaults to define on which browser and screen sizes to run your tests. However, these defaults can be overridden for individual tests that may need to be run on more or fewer browsers and screen sizes. In addition, the defaults can be customized for a specific run only. Preflight supports the following browsers:

  • Chrome (This is the only option available for users on a Starter plan).
  • Firefox
  • Edge
  • Internet Explorer

Note that for each browser that you define, a different test will be run.

If you have integrated with Eyes Visual AI and you have an Ultrafast Grid account, you will be able to select from a more extensive list of browsers for each type that you are testing. For example, you can define browsers for iOS, Android and desktop. For more information see Introduction to the Ultrafast Grid.

This topic discusses how to:

Defining the Default Browsers and Screen Sizes

Use the Browsers & Screen Sizes page to define combinations of browsers and screen sizes. You can select up to 16 combinations. You can define predefined screen sizes or create your own customized screen size.

Note that some features on this page are only enabled for customers who have integrated with Applitools, and some features are only available for customers who have an Ultrafast Grid account.

To Define the Default Browsers and Screen Sizes

  1. In the Navigation bar, select Settings > Browsers & Screen Sizes.

    For customers integrated with Eyes Visual AI with Ultrafast Grid accounts, the screen appears with an additional Type menu, as shown below.

  2. For customers integrated with Eyes Visual AI with Ultrafast Grid accounts only, select a type from the Type menu: Desktop, iOS or Android.

  3. Select a browser from the Browser menu.

  4. Select a screen size from the Screen Size menu.

  5. To define a custom screen size:

    1. select Manage Custom Sizes from the Screen Size menu. Enter a Width and Height (in pixels) in the relevant fields and click +Add.

    2. Click Confirm.

  6. For customers integrated with Eyes Visual AI with Ultrafast Grid accounts, if you selected iOS or Android from the Type menu, select whether the Orientationis Portrait or Landscape.

  7. Click Add.
    The type (where relevant), browser and screen size appears beneath the menus.
  8. Repeat for the remaining combinations of type (where available), browser and screen size.

These settings will apply to tests with global settings enabled. By default, all tests adhere to global settings and can be overridden on a per test basis.

Overriding the Default Browsers and Screen Sizes

The default settings can be overridden if you have tests you want to run on more or fewer browsers. For example, specific functionality that has had issues in the past, or core functionality you want to test more thoroughly.

Note that some features on this page are only enabled for customers who have integrated with Applitools, and some features are only available for customers who have an Ultrafast Grid account.

To Override the Default Browsers and Screen Sizes

  1. In the Navigation bar, select Tests.

  2. Select a test from the All Tests screen to open it.

  3. Click Test Settings and then select Browsers and Screen Sizes.

  4. Use Global Defaults is selected by default. You can view the default settings by hovering over this icon . From the tooltip, you can access the Settings screen by clicking Change to change the defaults for all tests.

  5. Disable Use Global Defaults.

    Note: To return to the original settings, enableUse Global Defaults.

  6. For customers integrated with Eyes Visual AI with Ultrafast Grid accounts, select a type from the Type menu- Desktop, iOS or Android.

  7. Select the browsers and screen sizes you want to define for this test and click Add. For more information, see Defining the Default Browsers and Screen Sizes.

  8. To remove a platform (where relevant) browser and screen size click this icon to the right of the relevant row. You must have at least one browser and screen size selected.

  9. Click Save.

Related topics

Defining Global Testing Defaults

Running Tests