Visual Testing:

More than Just a Pretty Face

Angie Jones

https://angiejones.tech

https://TestAutomationU.com

@techgirl1908

Senior Developer Advocate, Applitools

Director, Test Automation University

San Francisco, CA, USA

Choose the right tool

for the job

@techgirl1908

But...wait

@techgirl1908

MISUSE THAT TOOL!

@techgirl1908

MISUSE THAT TOOL!

@techgirl1908

MISUSE THAT TOOL!

@techgirl1908

Increase coverage

@techgirl1908

@Test
public void test_add_to_cart(){
  productPage.setColor("Red");
  productPage.setSize("M");
  productPage.setQuanity(2);

  productPage.addToCart();
  productPage.goToCart();
  
  assertTrue(cart.isProductInCart("TOKYO TALKIES"));
}

@techgirl1908

@Test
public void test_add_to_cart(){
  String product = "TOKYO TALKIES";
  String color = "Red";
  String size = "M";
  int quantity = 2;

  productPage.setColor(color);
  productPage.setSize(size);
  productPage.setQuanity(quantity);

  productPage.addToCart();
  cart = productPage.goToCart();
  
  assertTrue(cart.isProductInCart(product));
  assertEquals(cart.getColor(product), color);
  assertEquals(cart.getSize(product), size);
  assertEquals(cart.getQuantity(product), quantity);
  assertEquals(cart.getPrice(product), "₹100.00");
  assertEquals(cart.getTotal(product), "₹200.00");
  assertEquals(cart.getNumberOfItems, 1);
}

@techgirl1908

@Test
public void test_add_to_cart(){
  productPage.setColor("Red");
  productPage.setSize("M");
  productPage.setQuanity(2);

  productPage.addToCart();
  productPage.goToCart();
  
  eyes.checkWindow();
}

@techgirl1908

Localization

Testing

@techgirl1908

@Test
public void test_English(){

  goToEnglishVersion();
  eyes.checkWindow();
  
}

@Test
public void test_Spanish(){

  goToSpanishVersion();
  eyes.checkWindow();
  
}

@techgirl1908

Cross

Platform

@techgirl1908

if(siteTitle.exists()){

   //Execute desktop flow
}
else {

   //Execute mobile flow
}

@techgirl1908

Where are the bugs?!

@techgirl1908

Accessibility

Testing

@techgirl1908

A/B

Testing

@techgirl1908

@Test
public void testAB(){
   
   goToConversionPage();
   
   //Will be either A or B
   
   eyes.checkWindow();
}

@techgirl1908

Dark

Mode

@techgirl1908

Visual Testing:

More than Just a Pretty Face

Angie Jones

https://angiejones.tech

https://TestAutomationU.com

@techgirl1908

Senior Developer Advocate, Applitools

Director, Test Automation University

San Francisco, CA, USA