Applies to TestComplete 14.10, last modified on June 5, 2019

TestComplete supports testing of various jQuery UI controls. You can also modify project properties so that TestComplete recognizes your custom jQuery UI controls. The sections below describe how you can test jQuery UI controls in detail.

About Testing jQuery UI Controls

TestComplete 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 jQuery.

Besides, TestComplete provides extended support for most of jQuery UI 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 jQuery UI controls is rather transparent. During test recording, TestComplete automatically recognizes jQuery UI 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 jQuery UI web pages.

Supported Controls

Below is a full list of the jQuery UI controls for which TestComplete provides extended support.

Control Library Class
Accordion jQuery UI version 1.8.13 - 1.8.20, 1.9.2, 1.10.2 - 1.10.4, 1.11.1, 1.11.2, and 1.11.4 ui.accordion
Autocomplete jQuery UI version 1.8.13 - 1.8.20, 1.9.2, 1.10.2 - 1.10.4, 1.11.1, 1.11.2, and 1.11.4 ui.autocomplete
Button jQuery UI version 1.8.13 - 1.8.20, 1.9.2, 1.10.2 - 1.10.4, 1.11.1, 1.11.2, and 1.11.4 ui.button
Buttonset jQuery UI version 1.8.13 - 1.8.20, 1.9.2, 1.10.2 - 1.10.4, 1.11.1, 1.11.2, and 1.11.4 ui.buttonset
Checkbox jQuery UI version 1.8.13 - 1.8.20, 1.9.2, 1.10.2 - 1.10.4, 1.11.1, 1.11.2, and 1.11.4 ui.button
Datepicker jQuery UI version 1.8.13 - 1.8.20, 1.9.2, 1.10.2 - 1.10.4, 1.11.1, 1.11.2, and 1.11.4 ui.datepicker
Radio button jQuery UI version 1.8.13 - 1.8.20, 1.9.2, 1.10.2 - 1.10.4, 1.11.1, 1.11.2, and 1.11.4 ui.button
Slider jQuery UI version 1.8.13 - 1.8.20, 1.9.2, 1.10.2 - 1.10.4, 1.11.1, 1.11.2, and 1.11.4 ui.slider
Tabs jQuery UI version 1.8.13 - 1.8.20, 1.9.2, 1.10.2 - 1.10.4, 1.11.1, 1.11.2, and 1.11.4 ui.tabs

Note: If your control is not in the list, you can try working with it by using the properties and methods TestComplete provides for standard web elements. See Support for Web Controls.

Supported Browser Versions

TestComplete supports testing of jQuery UI controls in web applications displayed in the following browsers:

  • Microsoft Internet Explorer ver. 10–11.

  • Microsoft Edge.

  • Mozilla Firefox ver. 60 – 67.

    If you use a later version of Firefox, check whether a patch is available for it.

  • Google Chrome ver. 74.

    If you have a TestComplete version earlier than 12.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 74, you will have to upgrade your TestComplete to some later version. We recommend using version 14.10.

    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 73.0.3683 and earlier.

    • In applications built with Electron version 1.8.2, 2.0.2, 3.0.2, 4.0.2, 5.0.0.

Requirements

  • A license for the Web module of TestComplete.

  • The jQuery UI 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.

See Also

Supported Controls
Testing Web Applications

Highlight search results