Running Web UI tests on BrowserStack Cloud

You can run Web UI tests on the BrowserStack Cloud so that you can choose devices from a wide range of Android and iOS devices that are available for testing.

Before you begin

You must have completed the following tasks:

  • Set up your account to access the BrowserStack Cloud. You must have valid credentials such as the user name, either the host name or the URL of the BrowserStack cloud instance, and an API key to authenticate the connection. This key is available under ACCESS KEY in the BrowserStack dashboard.
  • Created one or more Web UI tests.

About this task

BrowserStack is a cloud testing platform that you can connect from HCL DevOps Test UI (Test UI) or a remote agent computer. BrowserStack supports both iOS and Android applications. You can run the tests after you configure BrowserStack Device Cloud Environment.

Procedure

  1. Start Test UI
  2. Select UI Test perspective.
  3. Go to Windows > Preferences > Test > Test Execution > UI Test Playback.
  4. Select the Mobile Device Cloud tab.
  5. Select the BrowserStack host checkbox to enable the BrowserStack Device Cloud Environment.
  6. Perform the actions listed in the following table:
    Option Action
    Required
    BrowserStack host Enter the URL of the BrowserStack cloud instance.
    User Name Enter the user name of your BrowserStack account.
    API key

    Enter the API key of your BrowserStack Cloud account to authenticate the connection.
    Project Select the BrowserStack project from the drop-down list or an enter an appropriate name for the project with which you can identify the test run on the BrowserStack Cloud dashboard.
  7. Click Apply and Close.
  8. Open the Web UI test for playback from the Test Navigator pane.

    The Test is displayed.

  9. Click the Run Test icon.

    The Run Configuration dialog is displayed.

  10. Select the device on the BrowserStack cloud for the test playback from the Run Using drop-down list.
  11. Click Next.
    The Advanced playback options page is displayed.
  12. Select the Global steps delay in millisecondscheckbox and specify the duration of delay in milliseconds to set the delay between all the steps in the test.
  13. Click Finish.

    The test playback is started on the selected device.

Results

You ran the Web UI test on multiple mobile devices that are avialble on the BrowserStack Cloud.

What to do next

After the run, the test results are displayed as a unified report in Test UI.

You can view the following details from the unified report:
  • The details and screen capture that are associated with each test step. To view these details, you can click each test step in the Details pane.
  • Android device or iOS device on which the test was played back. To view the device, you can click the icon.
  • Test information such as AUT, host computer, and duration of the test. To view such information, you can click the icon.
  • All the screen captures that are in a slide-show format. To view the screen captures, you can click the icon.