Support for Web Controls

TestComplete recognizes web page elements displayed in the Internet Explorer, Edge, Firefox, or Chrome browser, as well as in tested applications that use the WebBrowser control or Chromium. It allows you to access any P, DIV, IMG, INPUT and many other objects, use their properties and attributes and call their methods in your tests.

TestComplete also provides extended support for the most popular web controls and elements. It automatically recognizes individual controls and lets you interact with them both at design time and during test recording or playback. Based on the object type, TestComplete provides a set of object-specific methods and properties for automating various interactions with the object. For example:

• Checking and unchecking a check box is recorded and played back by using the ClickChecked operation;

• Item selection in combo box, list box and list view controls is recorded and played back by using the ClickItem operation;

• Clicks on grid cells -- by using the ClickCell operation;

• And so on.

When you are recording user actions with supported web controls, TestComplete records these special methods and properties applied to the corresponding objects, rather than just coordinate clicks. You can see some of these methods, specifically, SetText, ClickItem and ClickButton, in the sample test below.

TestComplete recognizes and provides support for the following web controls:

• Standard HTML controls: INPUT, SELECT and so on. TestComplete also provides extended support for the following web controls:
  • Check boxes
  • Combo boxes
  • List boxes
  • Tables
  • Table cells (TD and TH elements)

• Controls implemented with the following Web Components technologies:

  • Shadow DOM
  • Custom Elements
• Web 2.0 toolkits:
  • AngularUI Controls
  • Bootstrap Controls
  • GWT Controls
  • jQuery UI Controls
  • MooTools Controls
  • XUL Controls
  • Yahoo! User Interface Library Controls
• Third-party ASP.NET controls:
  • Developer Express ASP.NET Controls
  • Telerik ASP.NET Controls
  • Infragistics ASP.NET Controls
• JavaScript popups and browser dialogs:
  • Alert
  • Confirm
  • Login
  • Prompt

TestComplete allows creating Table Checkpoints for some web controls that represent information in a tabular form (for a complete list of these controls, see About Tables Collection). With table checkpoints you can retrieve and compare data of web tabular controls.

In addition to control-specific methods and properties for automating operations with web controls, TestComplete provides access to native properties, attributes and methods of these objects. These are the same properties, attributes and methods that are used in the application’s source code.

You can use these native properties, attributes and methods to extend your tests and perform custom operations that are not available with standard properties and methods provided by TestComplete. For more information, see Access Native Web Attributes and Methods.

For more information on how to interact with controls in the application under test, simulate user actions and perform other testing operations with these controls (for example, check the control state or search for a control, and so on), refer to topics of the Working With Application Objects and Controls section.