Testing With Test Studio

The Telerik Test Studio testing tool provides Translators for most of the components in the Telerik UI for Blazor suite. You can use them to record automated UI functional tests for your Blazor applications out-of-the-box and without the need of complex coded scripts.

The Translators in Test Studio are extensions, which expose internal elements and properties of the supported Telerik controls for automating actions and verification steps in the tests. The tools, which will help you to take full advantage of the power of Telerik controls, are built-in in the Test Studio compact recording toolbar.

Test Studio supports translators for the following Telerik UI Blazor components:

TreeView, TimePicker, TextBox, TabStrip, Pager, NumericTextBox, Menu, List, ListView, Grid, DropdownList, DatePicker, DateTimePicker, DateInput, Drawer, Button, ComboBox, AnimationContainer, Window

Any of these can be switched on/off from the test Project Setting menu:

Test Studio was built with extensibility in mind, so new translators can be easily plugged in for more UI controls.

The translators will always be up-to-date as Telerik is committed to maintaining them in parallel with Telerik controls changes.

Using the Telerik Blazor UI Translators

Start a recording session against the Blazor application you need to automate. Enable the highlighting from the Compact recording tool and hover over the mouse on a given Blazor control in the page - a specific purple highlighting border appears around the element, along with a context menu indicating more specific translator in progressive order. You can see the translators for a Grid cell shown below, the menu items are:

• TelerikBlazorGridDataCell
• TelerikBlazorGridDataItem
• HTMLTable
• TelerikBlazorGrid

As you mouse over the items in the highlighting menu, you will see different step options for the corresponding element. In the example below, you can see the Quick Step tasks available for a Blazor DropdownList control - verification, wait and extract tasks for the highlighted element.

The Advantage of the Built-In Translators

With the help of the Test Studio translators' specific variables and tasks for a given UI component, you will save significant amount of time when automating complex scenarios and building the respective verifications. An example for a more specific test scenario is to verify if a grid is grouped by a given criterion or not - Test Studio recorder provides such verification for the Telerik UI for Blazor Grid as a quick step in the highlighting menu.