Adding conditions to your test
Adding conditions to your test lets you control if some step will run or not.
You can add conditions to any type of step, including a group step.
There are 3 types of conditions: Element, Custom, and Never (Skip).
- Element visible condition: will pass if the element is visible in the application.
- Element not visible condition: will pass if the element does not exist in the application.
- A custom condition must return a Truthy value in order to run the step that contains the condition.
- Never step: can be useful when you want to temporarily skip a step.
Popular use cases for conditions
- Run a login step if the user is logged out - it's important to take in mind that testing locally is different than testing on the CI. When you test in the CI you get a fresh browser, and you'll probably want to login first, while locally you are probably already logged in. By using conditions you will be able to do it easily.
- Populate table data only when it's empty - that's how you can be sure your tests are clean and start from the same initial state.
Click here to run a demo test of this examples. Look at the revisions history to see the different examples.
In this tutorial, we will add a condition to a group ("login") to check if the user is logged in or not.
If the user is not logged in --> the login group will run.
If the user is already logged in --> the login group will be skipped.
1. Create a test
Our test is composed of:
- Navigation to the "Testim Demo" page.
- Login group - regular login group of the site.
2. Add a condition
- Click the "Login" step.
- Open property panel.
- Choose "Element" in "when to run step".
- Select in your application the element for the condition.
Note: If you get the message "No app to choose an element from" this means that you must first run the test so you can select a component from within your application.
Run your test and see how the condition works. As you may notice, any conditional group or step are marked with a rhombus.
When you run your test, if the condition returns Truthy value, it means that the user is logged out and the login group should be played:
The rhombus will be green when the login group runs (despite whether the step was successful or not).
If the condition returns a Falsy value, it means the user is already logged in.
The login group will be skipped and the rhombus will be red.
If you want your condition to check that the element is not exist in the application, change the radio button from visible to not visible state. If the element exist in the dom but it is just not visible, the condition will fail.
We see a lot of applications that login page can be identified according to the URL. Let's see how to check that.
Define the condition
- Go back to the step that needs the condition.
- This time choose "Custom" instead of "Element".
You can add any custom condition you need...
Custom condition with parameters
In the example we presented earlier, the element condition element was not sufficient.
After login the element does not change, so we will also need to check the text on the login button.
- Add custom condition.Click "Params" and add HTML parameter. Select the element you'd like to check. In our example, it's the login/sign-in button.Once chosen, you should see a thumbnail of the selected element. We'll rename the new HTML parameter name to be "loginButton"
- Click "Params" and add HTML parameter.
- Select the element you'd like to check. In our example, it's the login/sign-in button.
- Once chosen, you should see a thumbnail of the selected element. We'll rename the new HTML parameter name to be "loginButton"
- Now, you can add the condition by relating it to the HTML element you chose: The condition we added checks if the HTML element (loginButton) exists and if its text value is "Login/Sign up".
return loginButton.innerText === 'LOG IN';
Note: In this example, we used an HTML parameter as a dependency injection to check if the user is logged out or not. If you're using other types of DOM selector (e.g. jQuery), note that empty arrays are Truthy, so use
$(<query>).length instead of
Edit or delete a condition
You can easily edit or delete any condition by clicking the step or group that contains a condition, and choosing the relevant action from the properties panel: