Create Your First Project

Once you have successfully installed and activated Test Studio, and calibrated the browsers for test automation, you are ready to create your first project and get familiar with the Test Studio layout. In this article you will find details about the following topics.

  1. Starting Welcome Screen
  2. Create Your First Project
  3. Test Studio Project Layout
  4. Types of Tests in Test Studio Project
  5. Types of Files in Test Studio Project
  6. Elements in Test Studio Project





Starting Welcome Screen

Launching Test Studio will get you to the Welcome Screen. It lets you create new or open existing projects, access demo resources, see notifications about software updates and news related to the product.

Launch Test Studio Welcome Screen

Create Your First Project

In the Project section you can decide whether to create a new project, open a local one, choose from the recently used or open a source controlled project (Git or TFS).Let's create a new project for the current demonstration, specify its name and location and click the Create button.

Create new Project

You can explore a sample Web & Desktop project, from the Get Started section.

Get Started Projects

Test Studio Project Layout

Creating a new Test Studio project launches the default project layout. This consists of useful panels providing plenty of useful components. To help you speed up your flawless work with Test Studio, you can refer the below notes for each of these.

  • Project Explorer - this is the pane, which displays the structure of the project with all tests, coded files, folders in the project root folder. Provides access to the items properties, allows you to copy, cut and paste these, add new items, etc.
  • Elements Explorer - this is the pane, which shows all elements referred from the test steps in the project, structured in a tree view, which includes page node, frame, element. Provides access to the elements' find expressions and properties, allows you to edit these.
  • Edit Project Items Pane - this is the pane, which shows the selected component (test, element, coded file) and allows you to edit it.
  • Output Pane - this is the pane, which displays different messages related to your work in the project - syntax or compilation errors when adding code snippets, or messages in regards the Source Control related actions.
  • Step Builder - this is the pane, which allows you to add different steps in the tests even if no recording session is currently active.
  • Properties Pane - this is the pane to list the properties of the currently selected item (test, step, element, page node, frame) and allows you to edit these.
  • Tools Ribbon - the Tools Ribbon provides access to various settings in regards the active tab in the project.

Project Layout

After the project is successfully created, you can open the Tips and Tricks from the top right corner of Test Studio. The popup dialog has many useful references to the documentation and a short video on some of the topics.

Types of Tests in Test Studio Project

One Test Studio project allows you to include different types of tests:

  • Web Test - a test in which you can record actions against a web page started in any of the supported browsers (Chrome, Firefox, Edge, IE).
  • WPF Test - a test in which you can record actions against a WPF desktop application.
  • Load Test - a test in which you can add different scenarios with web requests to load a web application server.
  • Manual Test - a test in which you can add steps to manually execute against any application. This can be converted to a web test if automating a web page.
  • Performance Test - a Performance test is always related to a valid web test and is being executed on top of this.

Add new Test from Ribbon Add new Test from Project root

Types of Files in Test Studio Project

The files displayed in the Test Studio Project Explorer are the different tests files, the code files - a standalone class file, or a code-behind file related to a web or WPF test, which combines recorded and coded steps. All these can be organized in folders.

File Types in the Project

If you browse the project root folder in the Windows File Explorer, you can see some additional folders and files, which are not listed in the Test Studio Project Explorer. Here is what these are related to:

  • ApiTests - the folder, which stores the embedded API testing project, if there is such.
  • Data - the folder, which stores all external data source files, added in the project for data driven testing.
  • myProjectFolder - the folder created in the Test Studio Project Explorer and which contains other tests, and/or code files.
  • Results - the folder, which stores the generated results from local test list execution.
  • TestLists - the folder, which stores the test lists files.
  • *.imgstore - the resource file, which stores information for the elements' images, recorded in the respective test.
  • *.resx - the resource file, which stores information for the story board iamges for the respective test.
  • *.tstest - the test file.
  • *.tstest.cs (or *.tstest.vb) - the code-behind file, related to the respective web or WPF test, which combines recorded and coded steps.
  • *.cs (or *.vb) - the standalone class file, which can contain any custom code.
  • Pages.g.cs (Pages.g.vb) - the file, which stores all recorded elements in the web and WPF tests in the project.
  • Settings.aiis - the file, which stores the project settings.

File Types in the Project in FIle Explorer

Elements in Test Studio Project

The Test Studio Elements Explorer provides the visual representation of all elements recorded or manually added during the Test Recording process and allows you to edit the way they are found during execution. The elements are organized under Page nodes (and also Frame nodes if there are frames used in the web page) for web applications and Application and Window Caption nodes for WPF applications.

Elements in the Test Studio Elements Explorer

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