UI Checks

In addition to lifecycle check scripts to verify user progress, Instruqt also features checks of UI elements within a virtual browser. Such checks can verify a user has accessed the correct information or has properly configured a web application.

To set up UI checks in a track, scroll to the bottom of the main track configuration page and in the section labeled Checks, click the Add button, then select UI check. Your track will start so you can set up the UI check.

Next to the Instructions tab a new tab will appear called Checks. Select this tab to create your UI check.

There are two types of UI check: URL, and Element.

You can add multiple items to check. For example you can combine a URL check and an Element check. All conditions must be met in order to pass (they have an AND relationship)

URL

This check confirms if the user has navigated to the specified URL.

Element

This check verifies that the element selected in the virtual browser matches the desired result. Select the element from the virtual browser window, make sure the code path looks correct, and add an optional hint if the user fails the check. If all looks correct, click "Save check"

In the screenshot below using the Instruqt homepage as an example, the large text headline is selected as the element to be checked, with the results shown on the right side of the page.

Example UI check

Edit in code

Once you have created your check using the UI it will create a check script. If you prefer to edit checks in code, you can find this new check script in your list of scripts on the bottom right of the main track configuration page