Testing web apps on mobile browsers in Java using Appium
The Applitools Eyes Appium Java SDK allows you to easily add visual checkpoints to your Java Appium tests. It takes care of getting screenshots of your application from the underlying WebDriver, sending them to the Eyes server for validation and failing the test in case differences are found.
Install the SDK
Option 1 - Maven (Recommended)
<dependency>
<groupId>com.applitools</groupId>
<artifactId>eyes-selenium-java3</artifactId>
<version>RELEASE</version>
</dependency>
Option 2 - Gradle
dependencies {
compile 'com.applitools:eyes-selenium-java3:+'
}
Run your first test
Applitools Eyes reports differences by comparing screenshots of your application with baseline images that define the expected appearance of the application at each step of the test. By default, the Eyes SDK detects the environment in which the application is running (namely, the operating system, the type of browser and its viewport size) and compares the screenshots against baseline images that are specific to that environment. The first time you run a test in a given environment, its screenshots will be automatically saved as its baseline. Starting from the second run onward, you always have a baseline to compare against.
The test below is a simple program that visually validates the Hello World web-page at https://applitools.com/helloworld. It consists of two visual checkpoints, each validating the entire application window. The first time you run this test a new baseline will be created, and subsequent test runs will be compared to this baseline. If any screenshot mismatch its baseline image in a perceptible way, eyes.close() will throw a DiffsFoundException which includes a URL that points to a detailed report where you can see the detected differences and take appropriate actions such as reporting bugs, updating the baseline and more.
Before running the test, make sure to set the API key that identifies your account in the environment variable APPLITOOLS_API_KEY or directly assign it to the eyes.api_key property. You can find your API key under the user menu located at the right hand side of the test manager toolbar. If you don't yet have an account create it now to obtain your key.
IOS Simulator
import org.openqa.selenium.By;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.remote.DesiredCapabilities;
import org.openqa.selenium.remote.RemoteWebDriver;
import java.net.MalformedURLException;
import java.net.URL;
import java.util.concurrent.TimeUnit;
import com.applitools.eyes.Eyes;
class TestApplitools {
public static void main(String[] args) throws MalformedURLException {
Eyes eyes = new Eyes();
// This is your api key, make sure you use it in all your tests.
eyes.setApiKey("YOUR_API_KEY");
// Setup appium - Make sure the capabilities meets your environment.
// Refer to http://appium.io documentation if required.
DesiredCapabilities dc = new DesiredCapabilities();
dc.setCapability("platformName", "iOS");
// Be sure to update the following to match your testing environment
dc.setCapability("platformVersion", "PLATFORM_VERSION");
dc.setCapability("browserName", "BROWSER_NAME");
dc.setCapability("deviceName", "DEVICE_NAME");
WebDriver driver = new RemoteWebDriver(new URL("http://0.0.0.0:4723/wd/hub"), dc);
driver.manage().timeouts().implicitlyWait(60, TimeUnit.SECONDS);
try {
// Start visual UI testing
eyes.open(driver, "iOS test application", "test");
// Navigate the browser to the "hello world!" web-site.
driver.get("https://applitools.com/helloworld");
// Visual validation point #1.
eyes.checkWindow("Hello!");
// Click the "Click me!" button.
driver.findElement(By.tagName("button")).click();
// Visual validation point #2.
eyes.checkWindow("Click!");
// End visual UI testing. Validate visual correctness.
eyes.close();
} finally {
eyes.abortIfNotClosed();
driver.quit();
}
}
}
Android (Real Device)
import com.applitools.eyes.EyesWebDriver;
import org.openqa.selenium.By;
import org.openqa.selenium.OutputType;
import org.openqa.selenium.TakesScreenshot;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.remote.DesiredCapabilities;
import org.openqa.selenium.remote.RemoteWebDriver;
import java.net.MalformedURLException;
import java.net.URL;
import java.rmi.Remote;
import java.util.concurrent.TimeUnit;
import com.applitools.eyes.selenium.Eyes;
class HelloWorld {
public static void main(String[] args) throws MalformedURLException {
// Initialize the eyes SDK and set your private API key.
Eyes eyes = new Eyes();
eyes.setApiKey("YOUR_API_KEY");
// Set the desired capabilities.
DesiredCapabilities dc = new DesiredCapabilities();
dc.setCapability("platformName", "Android");
// Be sure to update the following to match your testing environment
dc.setCapability("platformVersion", "PLATFORM_VERSION");
dc.setCapability("browserName", "BROWSER_NAME");
dc.setCapability("deviceName", "DEVICE_NAME");
// Open browser.
WebDriver driver = new RemoteWebDriver(new URL("http://127.0.0.1:4723/wd/hub"), dc);
driver.manage().timeouts().implicitlyWait(60, TimeUnit.SECONDS);
try {
// Start the test.
eyes.open(driver, "Hello World!", "My first Appium web Java test!");
// Navigate the browser to the "hello world!" web-site.
driver.get("https://applitools.com/helloworld");
// Visual validation point #1.
eyes.checkWindow("Hello!");
// Click the "Click me!" button.
driver.findElement(By.tagName("button")).click();
// Visual validation point #2.
eyes.checkWindow("Click!");
// End the test.
eyes.close();
} finally {
// Close the browser.
driver.quit();
// If the test was aborted before eyes.close was called, ends the test as aborted.
eyes.abortIfNotClosed();
}
}
}
Analyze your test results
Congratulations! You've successfully run your first visual UI test with Applitools Eyes! A detailed report is ready for your inspection at the Applitools Eyes test manager. Watch this 5 minute video to get acquainted with the test manager and to learn the basics of baseline maintenance.
Login to Applitools and analyze the results.
Don't suffer in silence! Let us help you. Please reach out to us to get your project working.
Taking the next steps with Applitools
Congratulations on completing this quickstart! There's still so much to learn about visual testing with Applitools, but you're off to a great start.
