Angie Jones PRO
Developer Advocate. International Keynote Speaker. Master Inventor.
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.
