TestComplete supports testing of various Ext JS controls. The sections below describe how you can test these controls in detail.
About Testing Sencha Ext JS Controls
TestComplete can work with any Ext JS control via a graphical user interface. Besides, TestComplete provides extended support for most of Ext JS 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.
Supported Controls
Below is the complete list of Ext JS controls for which TestComplete provides extended support.
Control | Library | Class |
---|---|---|
Accordion | Ext JS 4.1.1a, 4.2.x, 5.0.x, 5.1.x, 6.0.0, 6.0.1, 6.0.2 | Ext.layout.container.Accordion |
Button | Ext JS 4.1.1a, 4.2.x, 5.0.x, 5.1.x, 6.0.0, 6.0.1, 6.0.2 | Ext.button.Button |
Check Box Field | Ext JS 4.1.1a, 4.2.x, 5.0.x, 5.1.x, 6.0.0, 6.0.1, 6.0.2 | Ext.form.field.Checkbox |
Combo Box | Ext JS 4.1.1a, 4.2.x, 5.0.x, 5.1.x, 6.0.0, 6.0.1, 6.0.2 | Ext.form.field.ComboBox |
Date Field | Ext JS 4.1.1a, 4.2.x, 5.0.x, 5.1.x, 6.0.0, 6.0.1, 6.0.2 | Ext.form.field.Date |
Field Set | Ext JS 4.1.1a, 4.2.x, 5.0.x, 5.1.x, 6.0.0, 6.0.1, 6.0.2 | Ext.form.FieldSet |
Grid Panel | Ext JS 4.1.1a, 4.2.x, 5.0.x, 5.1.x, 6.0.0, 6.0.1, 6.0.2 | Ext.grid.Panel |
Menu Button | Ext JS 4.1.1a, 4.2.x, 5.0.x, 5.1.x, 6.0.0, 6.0.1, 6.0.2 | Ext.button.Button |
Multi Slider | Ext JS 4.1.1a, 4.2.x, 5.0.x, 5.1.x, 6.0.0, 6.0.1, 6.0.2 | Ext.slider.Multi |
Number Field | Ext JS 4.1.1a, 4.2.x, 5.0.x, 5.1.x, 6.0.0, 6.0.1, 6.0.2 | Ext.form.field.Number |
Panel | Ext JS 4.1.1a, 4.2.x, 5.0.x, 5.1.x, 6.0.0, 6.0.1, 6.0.2 | Ext.panel.Panel |
Radio Field | Ext JS 4.1.1a, 4.2.x, 5.0.x, 5.1.x, 6.0.0, 6.0.1, 6.0.2 | Ext.form.field.Radio |
Slider | Ext JS 4.1.1a, 4.2.x, 5.0.x, 5.1.x, 6.0.0, 6.0.1, 6.0.2 | Ext.slider.Single Ext.slider.Tip |
Split Button | Ext JS 4.1.1a, 4.2.x, 5.0.x, 5.1.x, 6.0.0, 6.0.1, 6.0.2 | Ext.button.Split Ext.button.Cycle |
Tab | Ext JS 4.1.1a, 4.2.x, 5.0.x, 5.1.x, 6.0.0, 6.0.1, 6.0.2 | Ext.tab.Panel |
Time Field | Ext JS 4.1.1a, 4.2.x, 5.0.x, 5.1.x, 6.0.0, 6.0.1, 6.0.2 | Ext.form.field.Time |
Time Picker | Ext JS 4.1.1a, 4.2.x, 5.0.x, 5.1.x, 6.0.0, 6.0.1, 6.0.2 | Ext.picker.Time |
Toggle Button | Ext JS 4.1.1a, 4.2.x, 5.0.x, 5.1.x, 6.0.0, 6.0.1, 6.0.2 | Ext.button.Button |
Tree Panel | Ext JS 4.1.1a, 4.2.x, 5.0.x, 5.1.x, 6.0.0, 6.0.1, 6.0.2 | Ext.tree.Panel |
Note: | Besides these classes, TestComplete also supports all the classes derived from the supported Ext JS controls. |
Supported Browser Versions
TestComplete supports testing of Ext JS 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 TestComplete Web module.
-
The Sencha ExtJS Control Support plugin. The plugin provides access to controls via special program objects. It also enables creating table checkpoints for controls that display data in the tabular form. For the full list of these controls, see About Tables Collection.
-
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 TestComplete main menu to check whether the plugins are active. If a plugin is not available, run the TestComplete installation in the Repair mode.