Lesson 1: Recording actions on an AUT

You can learn about recording actions that you perform on a web application in the UI Test perspective.

Before you begin

You must have completed the following tasks:

  • Created valid credentials to log in to Wikipedia.
    Note: You can create the credentials from the Create account page.
  • Verified that the JavaScript is enabled to record and play back the UI tests in a browser.
  • Installed the Google Chrome extension. See Enabling Google Chrome for Web UI testing.

About this task

HCL DevOps Test UI (Test UI) automatically records all actions that you perform on your web application for a specific test scenario.
Note: You must wait for each page to load completely when you record the test on your web application.

Procedure

  1. Click File > New > Test From Recording in the UI Test perspective.
    The Recording Session dialog is displayed.
  2. Perform the following steps in the Recording Session dialog:
    1. Click Create a test from a new recording.
    2. Select Web UI Test, and then click Next.
    The Select Location dialog is displayed.
  3. Click the Create the parent folder icon Create the parent folder.
    The Create a UI Test project dialog is displayed.
  4. Perform the following steps in the Create a UI Test project dialog:
    1. Enter myProj in the Project name field.
    2. Select the Use default location checkbox, if it is not selected, and then click Finish.
    The Create a UI Test project dialog is closed.
  5. Enter wiki-search in the Test name field of the Select Location dialog, and then click Next.
    The Select Client Application dialog is displayed.
  6. Select Google Chrome as the client application for recording, and then click Next.
    The Google Chrome Recorder Settings dialog is displayed.
  7. Accept the default settings, and then click Finish.
    The recording is started and the Google Chrome webpage is displayed.
  8. Enter https://en.wikipedia.org in the address bar.
    The home page of the Wikipedia website is displayed, which is the application under test (AUT).
  9. Perform the following actions in the AUT that you want to record:
    1. Click Log in.
      The Wikipedia login page is displayed.
    2. Enter your Wikipedia user credentials, and then click Log in.
      The home page of the Wikipedia website is displayed with your username.
    3. Search for the name of an animal in the Search Wikipedia field.
      For example, search for Elephant.
      The Wikipedia article of the animal is displayed.
    4. Click the Talk tab.
      The talk page for the article is displayed.
    5. Click Log out.
      The Wikipedia logout page is displayed and you are successfully logged out.
  10. Click the Stop icon Stop icon in the Recording Control view of Test UI to stop the recording that you performed.
    A message is displayed that the test generation is complete.
  11. Perform the following steps in the Test Navigator panel:
    1. Click myProj > Tests.
    2. Double-click wiki-search.
      The generated test is displayed in the Test Contents panel of the test editor.

Results

In this lesson, you have learned to record actions that you performed on a web application in the UI Test perspective.