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





Telerik TestStudio Ninja image
New to Telerik Test Studio?

Test Studio is a UI test automation platform that helps QA and Engineering teams build stable and easily maintainable automated tests. Sign up for a free 30-day trial!

Tip

Check out the Test Studio Getting started video playlist on YouTube.

Starting Welcome Screen

Launching Test Studio gets 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 choose whether to create a new project, open an existing local one, choose to start one of the recently used projects or open a remote project from a source control repository (Git or TFS).

Test Studio Welcome Screen Project

Let's create a new project for the current demonstration - depending on the type of application and testing you perform, you can choose between Web Testing, Desktop Testing, WPF Testing or Load Testing projects (Load testing is only available in Test Studio Ultimate). Let's choose Web Testing - on the next screen specify the project name and its location and click the OK button.

Create new Project

The Cancel button returns you in the initial screen with listed the different types of project.

Demo Web & Desktop Project

The Get Started section let's you create the demo Web & Desktop project - with this you can speed up your journey in getting familiar with Test Studio.

Get Started Projects

Test Studio Project Layout

Creating your first Test Studio project launches the default Compact layout. This consists of useful panels providing a bunch of useful components. To 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

Tip

The layout in Test Studio project can be fully customized. You can choose between the predefined layouts or tailor up the panels as per your preference - find out more here.

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).
  • Web Responsive Test - a test in which you can record actions against a web page rendered in an emulated device mode (Chrome and Edge).
  • Desktop Test - a test in which you can record actions agaisnt a desktop application (not limited to a specific technology).
  • WPF Test - a test in which you can record actions against a WPF 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