Flowcharts Controller

abstract The Flowcharts Controller helps identify elements, interact with the Application Under Test and implement automation steps.

The Add Step dialog has an Inspect Element tab where we can identify and interact with the application. Add Step Inspect Element

To work with the application and identify elements, we can keep the application window and Flowcharts window side by side.
However since the Flowcharts window is big, this can be inconvenient - especially on Mac, since focus is needed to interact with the browser.

Flowcharts Controller solves this problem.

In-Page Controller

Flowcharts Controller can be launched from a web application using ALT + Double Click (pressing ALT key and Double Clicking) on the page.
For Mac, use Alt/Option + Double Click.

This will open a Controller inside the page itself. In-Page Controller

Controller Functionality

CTRL + Hover on any element on the UI, will show the UI Element, UI Element Value, Window/Domain Prefix and Mode.
The Controller can be dragged around inside the window to allow identification of elements underneath it
Clicking the Highlight button will highlight the UI Element on the application
To identify one element relative to another, CTRL + Hover on the first element, Press the Anchor button, then CTRL + Hover on the second element.
The second element will be identified relative to the first element
Use the Up arrow to identify the Parent element
Use the Down arrow to traverse back to the child
The Copy icon copies the element from UI Element text field to Script box
Actions are available in Actions dropdown
Choose an action and then press the Run Step triangle icon.
The action will be executed on the Application window and the result will be visible in the textbox below.
Clicking on Add Step icon will add it to the opened Keyword in Automate Dialog on Flowcharts UI.
Clicking the Script checkbox will show a textarea (Script box) for interacting using Sahi Script.
If Script is checked, Run Step will execute the code in the Script box.
If Script is checked, Add Step will add the code in the Script box as a Raw Script Step

Pop-out Controller

When working with multiple browser windows or when working with other modes, we may need the Controller to be separate from the web application window.

On a browser, the Controller can be popped out by clicking on the Controller Popout Icon on the top right of the in-page Controller.
For other modes, the Controller can be launched by clicking on Open Controller option under Launch button dropdown.