Skip to main content
info

Please note that this tool is classified as a Legacy tool. We recommend transitioning to our updated solutions to maintain optimal performance and security in your workflows. For more information on this matter, please reach out to technical support .

SeeTest Automation can quickly and easily validate layouts on a mobile device.
Layout verification helps check that elements on the screen are properly displayed.
There are two parts to verifying layouts:

  1. Defining layout verifications

  2. Running a layout verification

Recommendations for Layout

Each layout validates a single screen at a single state.

  1. Before you start

  • Open the screen you would like to validate

  • Identify the elements that should be validated

  1. While defining a layout

  • Feel free to use the same element in more than 1 rule

  • make sure the relations in a rule cover what you expect

  • use the test button to check your definitions.

  1. After Defining a layout
  • Run the SeeTest command Layout, to test your definitions.

Note: A layout is made of a collection of elements and the rules they need to match.
Each rule determines that a group of elements need to have a set of relations.

For Example:

The eribank log-in page verification can be as follow:

There are 4 logical elements:

  1. logo

  2. Username field

  3. Password field

  4. Login button

With 2 rules:

  1. the 4 elements match the relations:

  2. exists

  3. the Username and Password fields match the relations:

  4. aligned left

  5. aligned right

  6. have the same height

  7. have the same width

Defining layout verifications

Step 1: Open a reflection and navigate to the target page to validate.

Step 2:  Open the Properties dialog

Step 3: Open the layout dialog

Step 4: Create a layout by clicking the new layout icon,
Give the layout a name and save it.

Step 5:  Add Elements to the layout (rename them if you like)

  • From the reflection: right click an element and click add to layout

  • From the properties dialog: right click an element (from table or tree) and click add to layout

  • From the layout dialog: click the icon for new element and write it's xpath manually

Step 6: Select elements and right click, select create rule.
Make sure all the elements you need are in the right side and that all relations you want are grayed (pined)

Step 7: Save the rule, by clicking OK.

Step 8: Save the layout

Step 9: Test the layout using the play button

Step 10: Add the layout to your script by clicking the add to script button.

Last updated on