TestResults.io
  • What is TestResults.io
  • System Architecture
  • Regulated Markets
    • Health Care Industry
    • Financial Services Industry
  • What's new?
    • Update Instruction
      • Update of the Designer extension in Visual Studio
      • Update the Execution Engine
      • Update the Base- and Environment Models
    • Migration to new project file
  • Designer
    • Overview
    • First Steps
    • Installation
    • TestResults.io solution
    • The development environment
      • Tool Window Overview
        • Test Environments
          • Steps to configure a SUT VM
          • How to access files on the system under test
        • Remote Viewer
          • Control Mode
          • Capture Mode
          • Screen Editor
          • Capture Single Image
        • Screen Explorer
        • Test Case Designer
        • Image Explorer
        • API Testing
        • TestResults.io options
          • Engines
          • Servers
    • Test Cases
      • Adding Test Cases
      • Test Case structure
      • Simple Test Case (Example)
      • Executing your Test Case
      • Generating Test Containers
      • Publishing Test Cases
      • Execution Variables
    • Software Models
      • Adding SW Models
      • Referencing the Model in the Test Case
      • Generating Test Containers
      • Publishing SW Models
      • Screens and Screen Elements
        • Tables
        • Visual Sense
        • Custom Screen Elements
    • Installers
      • Adding Installers
      • Generating Test Containers
      • Publishing Installers
    • Automation Framework Reference
      • Attributes
      • Enumerations
      • Filters
        • IImageFilter Interface
        • Select
        • Resize
      • GlobalEngineParameters
      • ImageDetectionParameters
      • ImageReference
      • Interfaces
        • ITester Interface
          • ITester Methods
          • ITester Properties
        • ITestee Interface
          • ITestee Methods
        • IConnections Interface
          • IConnections Methods
          • IConnections Properties
        • IDebug Interface
        • IEngineResult
        • IHelpers Interface
        • IImageHelper Interface
          • IImageHelper Methods
        • IKeyboard Interface
          • IKeyboard Methods
        • IMouse Interface
          • IMouse Methods
          • IMouse Properties
        • IReport Interface
          • IReport Methods
        • ISUTConnection Interface
      • OcrEngineParameters
        • Best practise
        • IronOcrEngineParameters
        • LEADOcrEngineParameters
        • OcrEngineRelatedCharacters
        • OcrPreprocessingParameters
      • ResultRectangle
      • SutNotReadyException
      • TestStepAbortedException
    • FAQ
      • Two-factor authentication (2FA) and One Time Passwords (OTP)
      • Receive and verify Emails
      • Using Excel as test data source
      • Verify PDF Content
  • Portal
    • Overview
    • First Steps
    • User's Guide
      • Login
      • Projects
      • Dashboard
      • Test Cases
      • Software & Environments
      • Test Sets
      • Job Queue
      • Management
      • Notifications Summary
    • Automation Engineer's Guide
      • Test Automation Workflow
      • Automating a test case
      • Enabling Software & Environments
    • REST API Reference
      • Authentication
      • Projects
      • Test Sets
      • Test Cases
      • Test Plans
      • Test Reports
      • Files
      • Software
      • Environments
      • Untitled
      • Executions
      • Favorites
      • Statistics
      • User Management
      • Customer Management
      • Notifications
      • Configurations
      • Invoicing
  • Models
    • Overview
    • Base Model
      • BaseScreen
        • BaseScreen Properties
        • BaseScreen Methods
      • OnScreenElement
        • OnScreenElement Methods
        • OnScreenElement Properties
      • Primitives
        • Button
          • Button Methods
          • Button Properties
        • Checkbox
          • Checkbox Methods
        • ContextMenu
          • ContextMenu Methods
          • ContextMenu Properties
        • Dropdown
          • Dropdown Methods
          • Dropdown Properties
        • DropdownMenu
          • DropdownMenu Methods
          • DropdownMenu Properties
        • GenericScroller
          • GenericScroller Methods
          • GenericScroller Properties
        • HorizontalScroller
        • IconButton
          • IconButton Properties
        • Label
        • LabelWithButton
          • LabelWithButton Properties
        • LabelWithCheckbox
          • LabelWithCheckbox Properties
        • LabelWithValue
          • LabelWithValue Methods
          • LabelWithValue Properties
        • PwTextBox
          • PwTextBox Methods
        • TextBox
          • TextBox Methods
          • TextBox Properties
        • Tables and lists
          • Column
            • Column Methods
            • Column Properties
          • ItemList
            • ItemList Methods
            • ItemList Properties
          • Row
            • Row Methods
            • Row Properties
          • TableBase
            • TableBase Methods
            • TableBase Properties
        • LabelWithElementBase
          • LabelWithElementBase Properties
      • Enumerations
      • Extensions
        • EngineResultExtensions Methods
        • EnumExtensions Methods
        • ReportExtensions Methods
        • StringExtensions Methods
        • TesterConnectionExtensions Methods
        • TesterDebugExtensions Methods
        • TesterHelperExtensions Methods
        • TesterMouseExtensions Methods
        • TesterOnScreenElementExtensions
        • TesterSelectExtensions Methods
      • Helper Classes
        • BaseModelHelpers
          • BaseModelHelpers Methods
          • BaseModelHelpers Properties
        • Attributes for Designer
        • ListHelpers
      • Exceptions
        • ElementNotFoundException
        • InteractionFailedException
        • ScreenNotFoundException
      • Interfaces
        • IAppBasics Interface
          • IAppBasics Methods
          • IAppBasics Properties
        • IBrowser
        • ICommandLineWindow
        • IScroller Interface
          • IScroller Methods
          • IScroller Properties
        • ISutLocale Interface
          • ISutLocale Methods
          • ISutLocale Properties
        • ISystemHelpers
        • ISystemInteractions
        • IWindow
    • Environment Model
      • Windows
        • Screens
          • CmdWindow
            • CmdWindow Methods
            • CmdWindow Properties
          • FileDialog
            • FileDialog Methods
            • FileDialog Properties
          • FileExplorer
            • FileExplorer Properties
          • RunWindow
            • RunWindow Methods
            • RunWindow Properties
          • Window
            • Window Methods
            • Window Properties
        • SutLocale
          • SutLocale Methods
          • SutLocale Properties
        • SystemHelpers
          • SystemHelpers Methods
          • SystemHelpers Properties
        • SystemInteractions
        • WebBrowser
          • Browser
            • Browser Methods
            • Browser Properties
          • BrowserScroller
            • BrowserScroller Methods
            • BrowserScroller Properties
          • AuthenticationDialog
            • AuthenticationDialog Methods
            • AuthenticationDialog Properties
          • DownloadDialog
            • DownloadDialog Methods
            • DownloadDialog Properties
        • EnvironmentModel Enumerations
        • Interfaces
          • IWebAppBasics
            • IWebAppBasics Property
Powered by GitBook
On this page
  • Adding a Table to your Software Model
  • Interacting with the Table in a Test Case
  • Additional Information and Settings for Tables
  • TableRect
  • Adding additional Functions
  • Additional Settings

Was this helpful?

  1. Designer
  2. Software Models
  3. Screens and Screen Elements

Tables

PreviousScreens and Screen ElementsNextVisual Sense

Last updated 1 year ago

Was this helpful?

Adding a Table to your Software Model

Tables are added to the Model as Screen Elements on a Screen.

Follow this Step by Step Guide to record the Images for your Table:

  1. Create or load the Screen on which you want to create the Table on. Add Press "Add Screen Element" and select "Table"

  1. Enter the Table Name and record a "Table Loaded Image".

The "Table Loaded Image" does not have to be part of the Table itself, but will be used as an indicator if the table is even on the screen, similar to a Screen loaded Image. In the following example we chose the title "Demo Table" as the "Table Loaded Image".

  1. "Sequence Based Detection" option:

Activate this Checkbox if your table does not have a clear grid border line between each column like in the following example. If your table has a grid border line continue with Step 4.

If you activate "Sequence Based Detection" the width of a Column (for example "Company") will be determined by where the image for the following Column Header is found (for example "Contact").

If your table has a grid border line, that line will be detected and determine the Column width. So the checkbox "Sequence Based Detection" should not to be checked.

  1. Activate the "Has Scroller" Checkbox if not all entries of the table are directly visible but need to be scrolled to.

  2. Record an Image for each Column Header

Click on the Camera Icon next to "Column Header" to record the Image of the first Column Header.

Record the Image similiar to the example below. Also check the Image name (green highlight) as it will also be the Column Name. The Image name will be prefilled by what the OCR engine read from the Image, but can be corrected manually. Continue by clicking "Save Image".

With clicking save the "Company" Column is added to the "Demo Table". At the Bottom the "Column Header" without any Image is still available to record more Columns.

Continue adding all the Column Headers of your Table by clicking on the Camera Icon next to "Column Header" and repeating the same process like for the first Column.

If you activated "Sequence Based Detection" (see step 3) make sure to record every column in order from left to right. This is required because the column width is dependend on the following column as described in step 3.

  1. Save the Table and generate the Screen.

Interacting with the Table in a Test Case

The Table is available as a Screen Element in the Model Explorer under its Screen. It can be drag & dropped like any other element to be used in the Test Case Designer.

Example for further Table Interactions can be found on GitHub in our Demo Project Test Case 003 Teststep 9.

Additional Settings

Additional Information and Settings for Tables

By creating a table in your Software Model a class will be created. In the same way as with a screen class it consists of two partial class files. The .cs file you are free to extend, and the .g.cs with the generated code with will be overwritten each time you generate the corresponding screen.

TableRect

Inside the .cs file the size of the Table on the Screen and where to look for Columns, Rows and Cells can be refined by setting the TableRect (similar to the ScreenSelect Filter on a Screen). For most table interactions the TableRect does not require to be improved, others like "TableBase.GetLastRow" require more precision. An example is also available on GitHub.

Adding additional Functions

Example Functions for an interactive table where a user can add and remove entries are available in our GitHub Demo Project.

Additional Settings

The generated table class is derived from "TableBase" provided by the BaseModel NuGet. Check out its documentation page for additional possible settings.

Click Add Screen Element
Select "Table" as the Screen Element Type
For tables without any grid border lines the checkbox "Sequence Based Detection" must be activated
The Column "Company" (dark red box) width is limited to the right where the "Contact" Column header was found.
For each Column Header an Image has to be recorded. Start with the first one by Clicking on the Record Image Button.
Record an Image of the Column Header and check the Image name before saving.
Example of a Table with 3 Columns. The last option "Column Header" will always stay empty and can be used to add additional Columns.
Drag and Drop the Table into your Test Case and select the operation and its parameters.