How to test web applications

Note

This tutorial assumes that you have the Hitch Plugin HitchSelenium installed and its step library is set up.

If you followed the quickstart tutorial and said yes to testing a webapp, this should already be done for you.

Warning

This tutorial is a work in progress. It is usable, but more is coming soon.

Writing a step that clicks on an item that is part of a group

Sometimes the thing that you want to click on is part of a group, or a group of groups.

For instance, you may want to click on the first link in a list of links. To do that you use the same step:

- Click: first friend-link

Here, “friend-link” is an HTML class.

As before, if the list of elements do not have a readable HTML class signifying what they are, you should add a class in the HTML itself.

Elements can have multiple classes, so if an element already has a class but it does not clearly identify all of the items in the list, you should add a class that does.

If you want to click on the 2nd item:

- Click: 2nd friend-link

Or the last:

- Click: Last friend link

To click on an item that is part of a group which is also itself part of a group, you can specify two classes:

- Click: First calendar day-31

Try to keep the test steps readable by using appropriately named classes where possible.

Verifying an element exists on the page - e.g. an error message

The same pattern can be used to wait for elements to be visible on the page. e.g.:

- Wait to appear: first friend-link
- Wait to appear: 2nd friend-link
- Wait to appear: Last friend-link
- Wait to appear: First calendar day-31

This is the recommended approach for items which signify certain things that you want to happen.

If, for example, you are testing for the presence of an error message indicating that a user must enter a ZIP code, the following is a good way of doing it:

- Wait to appear: error-message-zip-code

Waiting for text to appear

Note that waiting for specific text to appear is not a good approach for detecting error messages, or, indeed, any other kind of text which is decided upon by the application. Why? Translations.

If an application is translated and you test the same scenario by checking for IDs, the test will continue to work. If you just check for the presence of text, it will break.

Nonetheless, waiting for text to appear is often a good way to determine if text entered by the user in a test shows up in the right place.

Waiting for text to appear also follows the same pattern as above:

- Wait to contain:
    item: first username
    text: django
- Wait to appear:
    item: second username
    text: django
- Wait to appear:
    item: last username
    text: django
- Wait to appear:
    item: first user username
    text: django