TestComplete supports testing of various AngularUI controls. You can also modify project properties so that TestComplete recognizes your custom AngularUI controls. The sections below describe how you can test AngularUI controls in detail.
About Testing AngularUI ControlsAbout Testing AngularUI Controls
TestComplete can work with any AngularUI control via a graphical user interface. Besides, TestComplete provides extended support for most of AngularUI controls. It automatically associates them with special scripting test objects that contain supplementary methods and properties for working with the controls, for example, for selecting individual items and retrieving the item text.
Support for AngularUI controls is rather transparent. During test recording, TestComplete automatically recognizes AngularUI controls on a page and records the appropriate test commands for your actions. You can then run the recorded test to see how TestComplete simulates user actions on the controls. The entire procedure is very similar to recording and running web tests that work with “regular” web controls. See Web Testing Tutorial, then try to record and run tests on your AngularUI web pages.
Supported Controls
Below is a full list of the AngularUI controls for which TestComplete provides extended support.
| Control | Library | Class |
|---|---|---|
| AngularUI Bootstrap Accordion | AngularUI Bootstrap 1.1.2 and later | .panel-group |
| AngularUI Bootstrap Alert | AngularUI Bootstrap 1.1.2 and later | .alert |
| AngularUI Bootstrap Button | AngularUI Bootstrap 1.1.2 and later | .btn |
| AngularUI Bootstrap Button Group | AngularUI Bootstrap 1.1.2 and later | .btn-group |
| AngularUI Bootstrap Carousel | AngularUI Bootstrap 1.1.2 and later | .carousel |
| AngularUI Bootstrap Checkbox | AngularUI Bootstrap 1.1.2 and later | .btn |
| AngularUI Bootstrap Datepicker | AngularUI Bootstrap 1.1.2 and later | .uib-datepicker |
| AngularUI Bootstrap Dropdown | AngularUI Bootstrap 1.1.2 and later | .dropdown-toggle |
| AngularUI Bootstrap Modal | AngularUI Bootstrap 1.1.2 and later | .modal |
| AngularUI Bootstrap Pills | AngularUI Bootstrap 1.1.2 and later | .nav-pills |
| AngularUI Bootstrap Radio Button | AngularUI Bootstrap 1.1.2 and later | .btn |
| AngularUI Bootstrap Split Button | AngularUI Bootstrap 1.1.2 and later | .btn-group .btn-group-vertical |
| AngularUI Bootstrap Tabs | AngularUI Bootstrap 1.1.2 and later | .nav-tabs |
| AngularUI Bootstrap Timepicker | AngularUI Bootstrap 1.1.2 and later | .uib-timepicker |
| AngularUI Bootstrap Toggle Button | AngularUI Bootstrap 1.1.2 and later | .btn |
| AngularUI Calendar | AngularUI Calendar 1.0.0 and later | .calendar |
| AngularUI Date | AngularUI Date 1.0.0 and later | .hasDatepicker |
| AngularUI Grid | AngularUI Grid 3.1.1 and later | .ui-grid-render-container |
| AngularUI Select | AngularUI Select 0.14.9 and later | .ui-select-container .ui-select-multiple |
| AngularUI Slider | AngularUI Slider 0.2.1 and later | .ui-slider |
Supported Browser Versions
TestComplete supports testing of AngularUI controls in web applications displayed in the following browsers:
-
Microsoft Internet Explorer ver. 10–11.
-
Microsoft Edge.
-
Mozilla Firefox ver. 52, 60 – 64.
If you use a later version of Firefox, check whether a patch is available for it.
-
Google Chrome ver. 71.
If you have a TestComplete version earlier than 12.42, then, to test web applications in Chrome 71, you will have to upgrade your TestComplete version to version 14.0.
If you use a later version of Google Chrome, check whether a patch is available for it.
-
Any web browser based on the Microsoft WebBrowser control.
-
Embedded Chromium web browser:
-
In applications built with Chromium Embedded Framework (CEF) version 3.3578.1860 and earlier.
-
In applications built with Electron version 1.8.2, 2.0.2, 3.0.2.
-
Requirements
-
A license for the Web module of TestComplete.
-
The AngularUI Control Support plugin. It provides access to controls via special program objects.
-
The following plugins:
-
Web Testing - Implements web testing, enables testing of web applications running in Internet Explorer, Edge or WebBrowser controls.
-
Firefox Support - Enables testing of web applications running in Mozilla Firefox.
-
Chrome Support - Enables testing of web applications running in Google Chrome.
-
Chromium Embedded Framework Support - Enables web testing in applications created with Chromium Embedded Framework (CEF) or with Electron.
-
All these plugins are installed and enabled automatically.
If you experience issues when working with the controls, select File | Install Extensions from the main menu of TestComplete to check whether the plugins are active. If a plugin is not available, run the TestComplete installation in the Repair mode.