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

@techgirl1908

@techgirl1908

But...wait

@techgirl1908

MISUSE THAT TOOL!

@techgirl1908

@techgirl1908

MISUSE THAT TOOL!

MISUSE THAT TOOL!

@techgirl1908

MISUSE THAT TOOL!

@techgirl1908

@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

@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

@techgirl1908

Cross

Platform

@techgirl1908

@techgirl1908

@techgirl1908

if(siteTitle.exists()){

   //Execute desktop flow
}
else {

   //Execute mobile flow
}

@techgirl1908

Where are the bugs?!

@techgirl1908

Accessibility

Testing

@techgirl1908

A/B

Testing

@techgirl1908

@techgirl1908

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

@techgirl1908

Dark

Mode

@techgirl1908

@techgirl1908

@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

Visual Testing: More than Just a Pretty Face

By Angie Jones

Visual Testing: More than Just a Pretty Face

Adding visual validation to existing automation frameworks is known to catch cosmetic bugs due to alignment or disappearing elements. Many use it to make sure their applications are as beautiful as they intend them to be. While this is certainly a beneficial usage of visual testing, it’s only scratching the surface. As toolsmiths, let’s explore how else we might be able to use visual testing tools to meet our regression testing needs.

  • 73
Loading comments...

More from Angie Jones