Delv
Applitools
Getting Started Guide

How to Use Applitools

A practical guide to get you up and running with Applitools. Written by Delv Editorial, Delv Team.

Getting started with Applitools

In this guide, you'll learn how to set up Applitools for visual testing of your web applications. By the end, you'll be able to compare screenshots and identify UI changes quickly and efficiently.

Step 1: Sign up and set up

  1. Visit applitools.com.
  2. Click on the "Get Started Free" button located on the homepage.
  3. Fill out the sign-up form with your details or sign up using your GitHub or Google account.
  4. Once registered, confirm your email if prompted and log in to your new account.

Step 2: Your first visual test

  1. After logging in, navigate to the "Dashboard" by clicking on the "Dashboard" tab in the top menu.
  2. Click on “Create New Test” to start a new visual testing project.
  3. Select the type of test you want to run (e.g., Web, Mobile) and provide a name for your test.
  4. Follow the prompts to upload a baseline screenshot of your application. This can often be done by capturing a screenshot directly from your browser.
  5. Once uploaded, click on “Run Test” to compare the baseline image against the current state of your application.
  6. Review the results displayed, which will highlight any visual differences found.

Step 3: Get better results

  • To enhance your testing accuracy, use the "Smart Check" option when setting up your tests. This feature allows Applitools to ignore certain dynamic elements that may change between tests, focusing only on the relevant UI components.
  • Regularly update your baseline images whenever you make significant changes to your UI. This ensures that your tests remain relevant and accurate.

Pro tip

Take advantage of the Applitools Visual AI capabilities by integrating it with your CI/CD pipeline. This will automate visual testing, saving you time on manual checks and ensuring consistency across all deployments.

Common mistake to avoid

Many users forget to update their baseline images after UI changes. This can lead to false positives in visual tests, where changes are flagged even though they are intentional. Always check and maintain your baseline images to ensure your tests remain valid.