Create Your First Test

Once you have successfully created a project in Test Studio, you can start with recording the automation tests against the application under test. In this article you can find useful hints on the below topics.

  1. Add a Test to the Project
  2. Start a Recording Session
  3. Recording Toolbar

Add a Test to the Project

For your first test in this project add a new Web test.

  1. Go to the Project ribbon and click on the Add Web Test button.

    Add new test Project Ribbon

  2. This automatically adds a web test in the Project Explorer and the test item is in edit mode, which allows you to enter its meaningful name.

    Choose name for the new test

  3. Other test types can be selected from the down arrow of the Add Web Test button.

    Add other test type test Project Ribbon

    Use the links below to find more information on all test types you can add in a Test Studio Web&Desktop project:

Start a Recording Session

Test Studio allows you to easily record the steps of an automated scenario with its click-and-record functionality. The below steps describes how to trigger a recording session and start recording the steps of your test scenario.

  1. Open the newly created test with a double-click on it in the Project Explorer. In the opened web test, you can click the Record button in the Tests ribbon or press CTRL+R to trigger the recording session.

    Hit the record button

  2. In the Recording dialog type the URL you want to navigate to, select Internet Explorer (or any of the other browsers supported for recording) and press Enter or click the Record button. You can choose a URL from your recently used URLs.

    Choose browser

    Note! Selecting the recording browser will be skipped, if you have already set a preferred browser from the Test ribbon.

  3. Once the selected browser navigates to the desired page, the recorder gets attached to it. A navigate step is recorded in the Steps pane and you can continue recording the next actions as per the required scenario.

    Attached recorder

    Note! While recording a test, do not start another instance of the same browser until the recording is finished!

  4. Lets navigate to the Test Studio documentation from the Telerik page. Click on DOCS & SUPPORT button, click on Test Studio link and on the next page click on the Documentation link. All of those actions are added as steps in the test.

    Step pane

  5. To exit the recording session, close the browser with the attached Recording toolbar.

Recording Toolbar

Following the above steps, you noticed that starting the recording session attached the Test Studio Recording Toolbar to the browser selected for test recording. Let's check what options provides the Recording Toolbar.

Recorder attached to the browser

The Recording Toolbar is a useful tool, which allows you to extend the recording experience and add specific steps in between recording actions against the application.

Recording Toolbar

  • Highlight Element - one of the most useful features is the Element Highlighting and the menu with Quick steps to add.
  • Recording State - there is a Pause button in case you need to perform any actions against the application, but don't need to record these.
  • Page Navigation - the Recording Toolbar has its own buttons to navigate through the browsed pages so far or to connect to a new page. Using these utilities will also add steps to the selected test.
  • DOM Explorer - the DOM Explorer displays the application's DOM in a tree format and you can explore all its elements at one time.
  • Pause Auto-refresh for DOM Tree - the DOM tree gets auto-refreshed by any change in the page. For certain pages with dynamic content, it is useful to be able to pause the auto-refresh.
  • Step Builder - the Recording Toolbar allows you to choose among different type of steps, depending on the selected element from the DOM Explorer, and directly add these to the selected test.

In this article
Not finding the help you need? Improve this article