The browser window of your website you like to test on the chosen device.
2. Action List
Actions (checks and inputs) are the steps of a test case. An action is either
Check of anchor area and inputs in action with it or
Keyboard inputs.
3. Editor menu
The interaction panel where you add, configure and run test case steps.
Display screen
Test Device
Test Device displays your website on a Device Screen chosen by you in test case settings. The actions you add during creating a test case are also displayed on a Device Screen. The visible actions are:
drawing an Anchor area
performing a click
performing a swipe
selecting sections of you website
On a Device Screen you see the results of all checks and inputs.
Anchor Area (fail and pass)
The core of testing is the definition of anchor areas. If the reference image in the anchor area is not found on the Test device, the test status returns fail. If all anchor areas of a test were found during a run, the test status returns pass.
Marked left is a click input which follows after the anchor image “magnifying glass” has been found.
Action list
Action list provides you with detailed information before, during or after recording a test step.
Definition of the recorded action (check, swipe, press key etc.)
an image of anchor area
hint tabs for a new action
navigation inside the test (playing next, play to here, insert new action)
three dots menu
Three dots menu
It is a useful feature for all modes when you need to play or add a certain action. Use three dots menu to
jump to needed test step
disable a test step
delete a test step
Editor menu
Editor menu consists of 5 sections easy to navigate: , , , modes, and buttons.
Play mode
Testup runs the steps of the test case on Test Device. Similar to a video player, you can control the execution using the , , and buttons.
Insert mode
Editor switches to mode when you need to add a new step.
Use the interaction panel of mode to add such actions as:
Enter text
Password
Press keys (the basic keyboard commands)
Wait
Open URL
Browser actions such as Refresh, Next Tab, Back, Forward.
Insert mode to insert a test step
Edit mode
In mode you can edit and configure actions after the anchor area was successfully recorded.
Clicks
Swipes
If Anchor area was not found and test step fails, use mode to fix test case and create such actions as:
The Editor supports mouse actions to perform and record Clicks on the Device screen. Once you click, a unique Anchor Area is automatically defined and the action can be recorded.
Left mouse Clicks
To record a left mouse Click:
Make sure the Editor is in mode.
Simply click on Device screen where you need. The action will be played automatically and recorded in Action List.
Right mouse Click
To record a right mouse Click:
Make sure the Editor is in mode.
Simply perform a right mouse Click on Device screen where you need. The action will be played automatically and recorded in Action List.
Double Click
To record a Double Click:
Make sure the Editor is in mode.
Simply perform a Double Click on Device screen where you need. The action will be played automatically and recorded in Action List.
Please notice
In case your website is dynamic, a selected Anchor Area must be fine-grained to reach a stability. Click can be performed as follows:
Make sure the Editor is in mode.
Draw an Anchor Area around a stable element of the website
Anchor area is an area of the website that you select to check.
To define an Anchor Area
Click on left button of the mouse and draw a dashed rectangle. Now the selected area is scanned. This area is called an Anchor area. It is the basic action in visual testing. Once Anchor Area is defined, it is possible to perform different actions such as check, click and swipe.
What do you Use it for?
Check for a Healthy Website
Healthy Website means that all elements of the page are correct and on its place. Therefore good anchor areas are
Page Titles,
Order Confirmations,
Static headlines,
Static images, and
all other static parts of the webpage.
Determine Anchor Areas to perform the next action
Anchor Areas are also used to determine if the next action can be done, especially clicks and keyboard inputs. For clicks, drawing an anchor area is mandatory. This allows us to wait until the page is ready and not still loading. Good anchor areas to perform clicks (swipes, keys) are
Button text
Links
Menu items
Search and input fields
and everything which can take a click.
Note, that you can click outside of anchor areas. They indicate when, not where the click appears.
Please notice
Do Not Record Areas which Are Changing
If you record an Anchor Area, which is planned to change, the test will break. Examples for changing content are