Anchor Area

What is it?

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

  • Text with Date / Time
  • Comments
  • Number of likes
  • Video
  • Product of the day

Do not record areas which contains the above.

Well done so far!

Was something unclear?

We have our own Slack workspace for your support, which you are welcome to join.