TestLeft supports testing of various Angular controls.
About Angular ControlsAbout Angular Controls
TestLeft can work with any web control via the control’s graphical user interface displayed in a web browser, no matter how the control is implemented on the server side. You can test web applications that use controls implemented by using various technologies and frameworks, including Angular frameworks and component libraries (like AngularUI, Angular Material, and etc.).
In addition, TestLeft provides extended support for most of AngularUI controls. It automatically associates them with the appropriate interfaces that extend the control functionality with additional methods and properties. Use those methods and properties to simulate various user actions over the controls, for example, select individual items or retrieve item text.
Supported Browser Versions
TestLeft supports testing of Angular controls in web applications displayed in the following browsers:
-
Microsoft Internet Explorer ver. 11.
-
Microsoft Edge ver. 83 - 99 (Chromium-based).
Note: The non-Chromium version of Edge is not supported.
-
Mozilla Firefox ver. 91 ESR, 94 - 98.
-
Google Chrome ver. 99.
Note: If you have a TestLeft version earlier than 2.42, your version of the SmartBear Test Extension will be incompatible with newer versions of the Chrome web browser. To test web applications in Chrome 99, you will have to upgrade your TestLeft version to 2.60 or later. -
Any web browser based on the Microsoft WebBrowser control.
Note: The Edge-based WebBrowser control is not supported.
-
Applications with Chromium Embedded Framework control.
Supported Controls
Below is a full list of the Angular controls for which TestComplete provides extended support.
| Control | Library | Class |
|---|---|---|
Accordion |
AngularUI Bootstrap 1.1.2 and later | .panel-group |
Alert |
AngularUI Bootstrap 1.1.2 and later | .alert |
Button |
AngularUI Bootstrap 1.1.2 and later | .btn |
Button Group |
AngularUI Bootstrap 1.1.2 and later | .btn-group |
Carousel |
AngularUI Bootstrap 1.1.2 and later | .carousel |
Checkbox |
AngularUI Bootstrap 1.1.2 and later | .btn |
Datepicker |
AngularUI Bootstrap 1.1.2 and later | .uib-datepicker |
Dropdown |
AngularUI Bootstrap 1.1.2 and later | .dropdown-toggle |
Modal |
AngularUI Bootstrap 1.1.2 and later | .modal |
Pills |
AngularUI Bootstrap 1.1.2 and later | .nav-pills |
Radio Button |
AngularUI Bootstrap 1.1.2 and later | .btn |
Split Button |
AngularUI Bootstrap 1.1.2 and later | .btn-group .btn-group-vertical |
Tabs |
AngularUI Bootstrap 1.1.2 and later | .nav-tabs |
Timepicker |
AngularUI Bootstrap 1.1.2 and later | .uib-timepicker |
Toggle Button |
AngularUI Bootstrap 1.1.2 and later | .btn |
Calendar |
AngularUI Calendar 1.0.0 and later | .calendar |
Date |
AngularUI Date 1.0.0 and later | .hasDatepicker |
Grid |
AngularUI Grid 3.1.1 and later | .ui-grid-render-container |
Select |
AngularUI Select 0.14.9 and later | .ui-select-container .ui-select-multiple |
Slider |
AngularUI Slider 0.2.1 and later | .ui-slider |
Note: If your control is not in the list, you can try working with it by using the properties and methods TestLeft provides for standard web elements. See Supported Web Controls.