Automated Visual Testing with Visual AI

Selenium vs Cypress: Let the Code Speak!

Join ringside as Angie Jones and Colby Fayock take a different approach to comparing Selenium and Cypress…with a battle of the code!

Register Now

See it in action

Learn how Visual AI can increase test stability.

Applitools Eyes

Increase coverage and reduce maintenance with Visual AI powered functional and visual test automation.

Learn more

Ultrafast Grid

Next generation of cross browser and cross device testing accelerates functional & visual testing by up to 30x.

Learn more

Seamless Integration

The Applitools platform integrates with all modern test frameworks, source control, build servers, and collaboration tools.

Learn more

Improve productivity exponentially at every phase

Applitools helps rapidly write, run, analyze, report and maintain tests and exponentially improves your productivity at every phase!

Write Run Analyze Report Maintain

Write

Replace 100s of brittle assertion code with a single line!

Before

After

Displaying: eyes.checkWindow("Login Page");

Run

Before, the same test had to be executed repeatedly against each combination making it slow, error-prone, and redundant. With Applitools, you’ll execute them against just one browser and the Ultrafast Test Cloud will re-render the DOM from that execution in all combinations, making it simple and ultrafast!

Before

After

Analyze

Before, you had to manually analyze if the errors were actually errors or test script issues. With Applitools, Visual AI highlights all the differences making results analysis a breeze!

Before

After

Report

Before, you had to report each bug and perhaps attach screenshots for each bug, very tedious. With Applitools, you can annotate each difference and directly share it in Jira, Github, etc. systems!

Before

After

Maintain

Before, you had to update a ton of code! With Applitools, instead of code, you’ll manage the images by simply clicking “Thumbs Up” or “Thumbs Down” buttons!

Before

After

Get started

Schedule a Demo

Works with your existing testing tools!

Use Selenium, Appium, Cypress, and other tools to navigate pages and use Applitools SDKs to analyze entire pages, sections of pages, single elements, or iframes.

Ultrafast Grid Local (Classic) Screenshots PDF Files Desktop

Selenium Java Selenium JavaScript Selenium Python Selenium C# Cypress WebdriverIO TestCafe Playwright React Storybook Vue Storybook

Selenium Java Selenium JavaScript Selenium Python Selenium C# Selenium Ruby WebdriverIO Appium Java Appium JavaScript Appium Python XCUI Swift

Java JavaScript CLI Python PHP XCTest

CLI

Windows UFT Windows Coded-UI

Ultrafast Grid

Get started executing cross-browser and cross-device tests in minutes. For more, see our tutorials

Displaying: public static void ultraFastTest(WebDriver webDriver, Eyes eyes) { // Navigate to the url we want to test webDriver.get("https://demo.applitools.com"); // Call Open on eyes to initialize a test session eyes.open(webDriver, "Demo App", "Ultrafast grid demo", new RectangleSize(800, 600)); // check the login page eyes.check(Target.window().fully().withName("Login page")); webDriver.findElement(By.id("log-in")).click(); // Check the app page eyes.check(Target.window().fully().withName("App page")); // Call Close on eyes to let the server know it should display the results eyes.closeAsync(); }

Displaying: it('ultraFastTest', async () => { // Call Open on eyes to initialize a test session await eyes.open(driver, 'Demo App', 'Ultrafast grid demo', new RectangleSize(800, 600)); //Navigate await driver.get("https://demo.applitools.com"); // check the login page await eyes.check("Login Window", Target.window().fully()); // This will create a test with two test steps. await driver.findElement(By.id("log-in")).click(); // Check the app page await eyes.check("App Window", Target.window().fully()); // Call Close on eyes to let the server know it should display the results await eyes.closeAsync(); });

Displaying: def ultra_fast_test(web_driver, eyes): # Navigate to the url we want to test web_driver.get("https://demo.applitools.com") # Call Open on eyes to initialize a test session eyes.open( web_driver, "Demo App", "Ultrafast grid demo", {"width": 800, "height": 600} ) # check the login page eyes.check("", Target.window().fully().with_name("Login page")) # Login web_driver.find_element_by_id("log-in").click() # Check the app page eyes.check("", Target.window().fully().with_name("App page")) # Call Close on eyes to let the server know it should display the results eyes.close_async()

Displaying: public static void UltraFastTest(IWebDriver webDriver, Eyes eyes) { // Navigate to the url we want to test webDriver.Url = "https://demo.applitools.com"; // Call Open on eyes to initialize a test session eyes.Open(webDriver, "Demo App", "Ultrafast grid demo", new Size(800, 600)); // check the login page eyes.Check(Target.Window().Fully().WithName("Login page")); webDriver.FindElement(By.Id("log-in")).Click(); // Check the app page eyes.Check(Target.Window().Fully().WithName("App page")); // Call Close on eyes to let the server know it should display the results eyes.CloseAsync(); }

Displaying: describe("AppTest", () => { it(`ultraFastTest`, function () { // Navigate to the url we want to test cy.visit('https://demo.applitools.com'); // Call Open on eyes to initialize a test session cy.eyesOpen({ appName: 'Demo App', testName: 'Ultrafast grid demo' }) // check the login page cy.eyesCheckWindow({ tag: "Login Window", target: 'window', fully: true }); //Login cy.get('#log-in').click() // Check the app page cy.eyesCheckWindow({ tag: "App Window", target: 'window', fully: true }); // Call Close on eyes to let the server know it should display the results cy.eyesClose() }); });

Displaying: function ultraFastTest(driver, eyes) { driver = await eyes.open(driver); // Navigate await driver.url("https://demo.applitools.com"); // Test the login page await eyes.check("Login Page", Target.window()); // Click the "Log in" button. const el = await driver.findElement(By.id('log-in')); await el.click(); // Test the App page await eyes.check("App page", Target.window()); await eyes.closeAsync(); }

Displaying: test('ultraFastTest', async t => { // Call Open on eyes to initialize a test session await eyes.open({t, appName: 'Demo App', testName: 'Ultrafast grid demo'}); // check the login page await eyes.checkWindow({ tag: "Login Window", target: 'window', fully: true }); // Login await t.click('#log-in') // Check the app page await eyes.checkWindow({ tag: "App Window", target: 'window', fully: true }) // Close await eyes.closeAsync() })

Displaying: it("ultraFastTest", async () => { // Navigate to the url await page.goto("https://demo.applitools.com"); // Call Open on eyes to initialize a test session await eyes.open(page, "Demo App", "Ultrafast grid demo", new RectangleSize(800, 600)); // check the login page await eyes.check("Login Window", Target.window().fully()); // Click the "Log in" button. await page.click("#log-in"); // Check the app page await eyes.check("App Window", Target.window().fully()); // Call Close on eyes to let the server know it should display the results await eyes.close(); });

Displaying: //No need to write any code. Simply add the SDK and run the Eyes command. //It'll automatically open up all the components or "stories" and take screenshots of them. //Add dependency npm install –save-dev @applitools/eyes-storybook //Run test npx eyes-storybook .

Local (Classic)

Run Applitools locally or on your preferred cloud without Ultrafast Grid. For more, see our tutorials

Displaying: public static void basicTest(WebDriver webDriver, Eyes eyes) { // Navigate to the url we want to test webDriver.get("https://demo.applitools.com"); // Call Open on eyes to initialize a test session eyes.open(webDriver, "Demo App", "Basic demo", new RectangleSize(800, 600)); // check the login page eyes.check(Target.window().fully().withName("Login page")); webDriver.findElement(By.id("log-in")).click(); // Check the app page eyes.check(Target.window().fully().withName("App page")); // Call Close on eyes to let the server know it should display the results eyes.closeAsync(); }

Displaying: it('basicTest', async () => { // Call Open on eyes to initialize a test session await eyes.open(driver, 'Demo App', 'Basic demo', new RectangleSize(800, 600)); //Navigate await driver.get("https://demo.applitools.com"); // check the login page await eyes.check("Login Window", Target.window().fully()); // This will create a test with two test steps. await driver.findElement(By.id("log-in")).click(); // Check the app page await eyes.check("App Window", Target.window().fully()); // Call Close on eyes to let the server know it should display the results await eyes.closeAsync(); });

Displaying: def basic_test(web_driver, eyes): # Navigate to the url we want to test web_driver.get("https://demo.applitools.com") # Call Open on eyes to initialize a test session eyes.open( web_driver, "Demo App", "Basic demo", {"width": 800, "height": 600} ) # check the login page eyes.check("", Target.window().fully().with_name("Login page")) # Login web_driver.find_element_by_id("log-in").click() # Check the app page eyes.check("", Target.window().fully().with_name("App page")) # Call Close on eyes to let the server know it should display the results eyes.close_async()

Displaying: public static void BasicTest(IWebDriver webDriver, Eyes eyes) { // Navigate to the url we want to test webDriver.Url = "https://demo.applitools.com"; // Call Open on eyes to initialize a test session eyes.Open(webDriver, "Demo App", "Basic demo", new Size(800, 600)); // check the login page eyes.Check(Target.Window().Fully().WithName("Login page")); webDriver.FindElement(By.Id("log-in")).Click(); // Check the app page eyes.Check(Target.Window().Fully().WithName("App page")); // Call Close on eyes to let the server know it should display the results eyes.CloseAsync(); }

Displaying: begin # Call Open on eyes to initialize a test session driver = eyes.open(driver: web_driver) # Navigate to the url we want to test driver.get('https://demo.applitools.com') # check the login page eyes.check_window('Login window') # Click the 'Log In' button driver.find_element(:id, 'log-in').click # Check the app page eyes.check_window('App window') # Close the test eyes.close_async end

Displaying: function basicTest(driver, eyes) { driver = await eyes.open(driver); // Navigate await driver.url("https://demo.applitools.com"); // Test the login page await eyes.check("Login Page", Target.window()); // Click the "Log in" button. const el = await driver.findElement(By.id('log-in')); await el.click(); // Test the App page await eyes.check("App page", Target.window()); await eyes.closeAsync(); }

Displaying: public static void demoTest() { // Start visual UI testing eyes.open(driver, "iOS test application", "test"); // Test login window eyes.checkWindow("Login page"); //Use Appium for data entry and navigation driver.findElement(By.id("log-in")).click(); // Test App page eyes.checkWindow("App page"); // End visual UI testing. Validate visual correctness. eyes.close(); }

Displaying: it('basicTest', async () => { // Call Open on eyes to initialize a test session await eyes.open(driver, 'Demo App', 'Basic demo', new RectangleSize(800, 600)); //Navigate await driver.get("https://demo.applitools.com"); // check the login page await eyes.check("Login Window", Target.window().fully()); // This will create a test with two test steps. await driver.findElement(By.id("log-in")).click(); // Check the app page await eyes.check("App Window", Target.window().fully()); // Call Close on eyes to let the server know it should display the results await eyes.closeAsync(); });

Displaying: def basic_test(web_driver, eyes): # Navigate to the url we want to test web_driver.get("https://demo.applitools.com") # Call Open on eyes to initialize a test session eyes.open( web_driver, "Demo App", "Basic demo", {"width": 800, "height": 600} ) # check the login page eyes.check("", Target.window().fully().with_name("Login page")) # Login web_driver.find_element_by_id("log-in").click() # Check the app page eyes.check("", Target.window().fully().with_name("App page")) # Call Close on eyes to let the server know it should display the results eyes.close_async()

Displaying: func testExample() { // Initialize the eyes SDK and set your private API key. let eyes = Eyes() eyes.apiKey = "YOUR_API_KEY" // Start the test. eyes.open(withApplicationName: "Hello World!", testName: "My first test using EyesXCUI SDK!") // Visual checkpoint #1. eyes.check(withTag: "Hello", andSettings: Target.window().timeout(inSeconds: 5)) // Click the "Click me!" button. XCUIApplication().buttons["Click me!"].tap() // Visual checkpoint #2. eyes.checkWindow(withTag: "Click!") // End the test. do { try eyes.close() } catch { eyes.abortIfNotClosed() } }

Screenshots Testing

If you already have screenshots and want to ensure they don’t change, simply upload them using our Screenshots SDK and let the AI check for differences. For more, see our tutorials

Displaying: public static void main(String[] args) throws IOException { Eyes eyes = new Eyes(); // Initialize the eyes SDK and set your private API key. eyes.setApiKey("YOUR_API_KEY"); try { // Start the test with a viewport size of 800×600. eyes.open("Applitools site", "Java Screenshot test!", new RectangleSize(800, 600)); // Load page image and validate. BufferedImage img = ImageIO.read(new URL("<Path to the screenshot>")); // Visual validation. eyes.checkImage(img, "Contact-us page"); // End visual UI testing. eyes.close(); } finally { // If the test was aborted before eyes.close was called, ends the test as aborted. eyes.abortIfNotClosed(); } }

Displaying: // The following code loads "image1" from the URL and uploads it to Eyes for analysis eyes .open("Image Test", "Sanity Test", { width: 785, height: 1087 }) .then(function () { // Load page image and validate. return getImage("https://path/to/image1").then( function (img) { // Visual validation point #1 return eyes.checkImage(img, "Contact-us page"); } ); }) .then( function () { // End visual testing. Validate visual correctness. return eyes.close(false); }, function () { return eyes.abortIfNotClosed(); } ); //See the tutorials for the code function getImage(url) { … }

Displaying: Steps for running tests 1. Download the ImageTester.jar 2. Add your API Key as an environment variable (optional, but recommended). 3. Create a folder which will contain the images under test (let's say /under_test). 4. Copy one batch of images into the /under_test folder 5. Run the ImageTester.jar jar file as shown below: java -jar ImageTester.jar -k $APPLITOOLS_API_KEY -f <PATH_TO>/under_test/

Displaying: class HelloWorldBasic: # Initialize the eyes SDK and set your private API key. uri = "https://eyesapi.applitools.com" eyes = Eyes(uri) api_key = os.environ.get('MY_APPLITOOLS_API_KEY') eyes.api_key = api_key # Start the test viewport_size = {'width' :1024, 'height' :768} eyes.open('Hello World App', 'Hello World Test', viewport_size) try: eyes.check_image('./image1.png',"checkpoint 1"); eyes.check("checkpoint 3", Target().region("./image1.jpg",Region(10,15,600,400)) .ignore(Region(left=10,top=10,width=33,height=43)) ) # End the test. throwtTestCompleteException = False test_results = eyes.close(throwtTestCompleteException) finally: # If the test was aborted before eyes.close was called, ends the test as aborted. eyes.abort_if_not_closed()

Displaying: <?php class HelloWorld { public function demo() { // Initialize the eyes SDK $eyes = new Eyes(); $eyes->setApiKey('YOUR_API_KEY'); // Start the test with a viewport size of 800×600. $eyes->open('Hello World!', 'PHP Screenshot test!', new RectangleSize(800, 600)); // Load page image and validate. $imgPath = __DIR__ . '/applitools.jpg'; // Download an image. copy('https://path/to/your_image.png', $imgPath); // Visual validation. $eyes->checkImage($imgPath, 'Applitools image'); // End the test. $eyes->close(); } }

Displaying: – (void)testExample { Eyes *eyes = [Eyes new]; // Initialize the eyes SDK and set your private API key. eyes.apiKey = @"YOUR_API_KEY"; @try { // Start the test [eyes openWithApplicationName:@"Applitools site" testName:@"iOS Screenshot test!" viewportSize:CGSizeZero]; // Load page image and validate. NSData *imageData = [NSData dataWithContentsOfURL:[NSURL URLWithString:@"https://path/to/your_image.png"]]; UIImage *image = [UIImage imageWithData:imageData]; // Visual validation. [self.eyes checkWithTag:@"Applitools!" andSettings:[Target image:self.image]]; // End visual UI testing. [eyes close]; } @catch (NSException *exception) { [eyes abortIfNotClosed]; } }

PDF Files

If you are in finance or healthcare industry, you may generate lots of PDFs. Use our PDF tester to easily ensure PDF files have no visual defects and meet all the regulatory compliance. For more, go to our tutorials.

Displaying: 1. Download the latest ImageTester (e.g. ImageTester_1.4.3.jar) file 2. Add your API Key as an environment variable (optional, but recommended). 3. Create a folder which will contain the pdf under test (let's say /under_test). 4. Copy new version of the pdf into the /under_test folder 5. Run the ImageTester.jar jar file as shown below: java -jar ImageTester.jar -k $APPLITOOLS_API_KEY -f <PATH>/under_test/

Desktop SDKs

The Applitools Eyes Desktop SDK allows you to easily add visual checkpoints to your UFT/QTP/CodedUI tests. It takes care of getting screenshots of your application from the underlying driver, sending them to the Eyes server for validation, and failing the test in case differences are found.

Displaying: ' Make sure to include 'Eyes.qfl' via File -> Settings… -> Resources ' This is your api key, make sure you use it in all your tests. eyes.ApiKey = "YOUR_API_KEY" ' Test setup – You should have 'Notepad' window object in your objects repository Set testApp = Window("Notepad") eyes.SetBaselineInfoFromWindow(testApp) ' Start visual UI testing – Open eyes test eyes.Open "Hello World", "QTP Hello World Test" ' Visual checkpoint #1 eyes.CheckObject testApp, "Hello!" ' Write something testApp.WinEditor("Edit").Type("Applitools UFT Demo") ' Visual checkpoint #2 eyes.CheckObject testApp, "Write!" ' End visual UI testing. Validate visual correctness. eyes.Close() ' Report If Not eyesReport.IsPassed Then If eyesReport.IsNew Then Reporter.ReportEvent micFail, eyesReport.TestName, "New test inserted, See " & eyesReport.Url & " for details." else Reporter.ReportEvent micFail, eyesReport.TestName, "See " & eyesReport.Url & " for details." End If End If

Displaying: [TestMethod] public void TestNotepad() { Process notepad = Process.Start("notepad"); // Open notepad WinWindow testApp = new WinWindow(); testApp.SearchProperties[WinWindow.PropertyNames.ClassName] = "Notepad"; // Start the test and set the application's viewport size to 800×600 eyes.Open(testApp, "Hello World!", "My first CodedUI C# test", new Size(800, 600)); // Visual checkpoint #1 eyes.CheckWindow("Hello!"); // Write something WinEdit edit = new WinEdit(testApp); Keyboard.SendKeys("Applitools CodedUI Demo"); // Visual checkpoint #2 eyes.CheckWindow("Write!"); // End the test eyes.Close(); }

Get started

Schedule a Demo

Integrates with the tools you love

View All Integrations

When we added Applitools Visual AI + Ultrafast Grid to our test generation framework, we were able to decrease test authoring time to under 5 minutes per test, while increasing test coverage, reducing build time, and achieving a 99% pass rate.

Greg Sypolt • EVERFI
VP Quality Assurance

I love how Applitools Eyes has the smarts to ignore minor visual differences in your components, especially when testing on different browser types where it’s easy for layout to be off by a pixel.

Kent C. Dodds
JavaScript engineer and creator of TestingJavaScript.com

Applitools

Next generation test automation platform powered by Visual AI

See it in action

Applitools Eyes

Ultrafast Grid

Seamless Integration

Improve productivity exponentially at every phase

Works with your existing testing tools!

Integrates with the tools you love

Are you ready?