Session on Selenium Powertools by Unmesh Gundecha

Find me on LinkedIn - https://www.linkedin.com/in/upgundecha/ | Twitter @upgundecha
Unmesh Gundecha
Senior Architect, Test Engineering DveOps and
Developer Experience (DX)
CP-SAT SELENIUM SUMMIT 2021
Selenium
Power Tools

Selenium is not a testing tool!
Selenium automates browsers. That's it!
What you do with that power is entirely up to you.
www.selenium.dev

Selenium Use Cases
• Create Macro for automating repetitive tasks in a Browser window
• Screen scrapping – e.g., find cheap hotels, flights…
• Personal productivity – Filling timesheets, checking status
• Stock trading (yeah!)
• Robotic Process Automation
• and most importantly testing or checking! (as in automated test execution tool)

The Selenium Iceberg
Selenium
HTML, CSS, XPath
JavaScript
Programming
Languages, OOAD, Design
Pattern, Clean Code
IDE, Version control
tool
xUnit, BDD
Framework,
Assertional Libraries
(Testing)
Orchestration Tool
(RPA)
Reporting tool
(Testing)
Build and CI Tools
(Maven, Gradle,
Jenkins)
Utilities
(Power Tools)

Selenium Stacks
Selenium Client Library
Programming Language
Macros & Input Data
As a Browser automation Macro
Testing Framework
Reporting & Logging
Test Cases & Test Data
As a Testing Tool
Orchestration Tool
Audit & Logging
Workflows & Event Data
As a RPA Tool

Frequently asked questions
• Does Selenium support Windows or Java Applications, Mainframes?
• Can we automate APIs with Selenium?
• How to test PDFs with Selenium?
• How to automate downloading browser drivers?
• How to take element screenshots?
• How to compare images in Selenium?
• How to check text on a image using Selenium?
• How to generate test data for Selenium tests?
• How to remove flakiness of tests due to application dependencies?
• and many more...

Stacks with Power Tools
Macros & Input Data
Power tools (Utilities)
As a Browser automation Macro
Testing Framework
Reporting & Logging
Test Cases & Test Data
As a Testing Tool
Orchestration Tool
Audit & Logging
Workflows & Event Data
As a RPA Tool
Macros & Input Data
In order to support such requirements, you can combine Selenium with other libraries (Power tools)
Orchestration Tool

Everything that we discuss in this session is Open
Source, no commercial or protected freeware stuff!
#respect #open-source

Six Power Tools
WebDriverManager ShutterBug Tesseract
Faker & Friends WireMock PDFBox

WebDriverManager
• WebDriverManager is a library which allows to automate the management of the
drivers (e.g. chromedriver, geckodriver, etc.) required by Selenium WebDriver
• Once configured WebDriverManager will automatically download configured
browser drivers for your tests
• Use as a dependency, command line tool, server, docker container…

• Find out the browser version
• Download the driver version
compatible with the browser version
• Set system property in test with the
location of binary
WebDriverManager – How to use it?
• Add WebDriverManager dependency
• Select the browser which you need,
that’s it! WebDriverManager will do
the magic for you
@Before
public void setup() {
System.setProperty("webdriver.chrome.driver",
"/Users/upgundecha/Downloads");
driver = new ChromeDriver();
}
@Before
public void setup() {
WebDriverManager.chromedriver().setup();
driver = new ChromeDriver();
}

ShutterBug
• Selenium Shutterbug is a utility library written in Java for making screenshots
using Selenium WebDriver and further customizing, comparing and processing
them with the help of Java AWT
• Selenium Screenshots on steroids

ShutterBug – Use Cases
• Capturing the entire page, WebElement, entire scrollable WebElement, frame
• Creating thumbnails
• Screenshot customizations:
• Highlighting element on the page, with added text
• Blur WebElement on the page (e.g. sensitive information)
• Blur whole page
• Blur whole page except specific WebElement
• Monochrome WebElement
• Crop around specific WebElement with offsets
• Screenshot comparison (with diff highlighting)

ShutterBug– How to use it?
// capture entire page
Shutterbug.shootPage(driver, Capture.FULL, true).save();
// blur and annotate
Shutterbug.shootPage(driver)
.blur(searchBox)
.monochrome(storeLogo)
.highlightWithText(storeLogo, Color.blue, 3, "Monochromed logo", Color.blue, new
Font("SansSerif", Font.BOLD, 20))
.highlightWithText(searchBox, "Blurred secret words")
.withTitle("Store home page - " + new Date())
.withName("home_page")
.withThumbnail(0.7).save();
// image comparison
String baselineFilePath = new File("src/test/resources/baseline_img/first_promo_banner.png")
.getAbsolutePath();
Assert.assertTrue(Shutterbug
.shootElement(driver, firstPromoBanner)
.equalsWithDiff(baselineFilePath,"diff",0.1));

Tesseract
• Tesseract OCR is an optical character reading engine originally developed by HP
in 1985 and open sourced in 2005. Since 2006 it is developed by Google.
Tesseract has Unicode (UTF-8) support and can recognize over 100 languages
“out of the box”
• Useful for capturing text from images, barcodes etc.
• Use with caution!

Tesseract – How to use it?
WebElement promoBanner = driver.findElement(By
.cssSelector("ul.promos> li:nth-child(1) > a"));
BufferedImage bannerImg = Shutterbug.shootElement(driver, promoBanner).getImage();
Tesseract tesseract = new Tesseract();
tesseract.setDatapath("/usr/local/Cellar/tesseract/4.1.1/share/tessdata/");
tesseract.setLanguage("eng");
String result = tesseract.doOCR(bannerImg).trim();
Assert.assertEquals("HOME & DECORnFOR ALL YOUR SPACES", result);

Faker & Friends
• Faker & friends are set of libraries available in various programming languages to
generate fake data for development and testing
• Faker can help in generating test data on the fly instead of manually finding data
every time before you run a test
• Faker libraries can generate data for over 100 data domains such as Names,
Addresses, Emails etc. in various locales.
• Faker can be extended to support custom data domains
more…

Faker & Friends – How to use it?
Faker faker = new Faker();
String firstName = faker.name().firstName();
String lastName = faker.name().lastName();
String email = faker.internet().emailAddress();
String password = "P@ssword";
String greetings = String.format("Hello, %s %s!", firstName, lastName);

WireMock
• Wiremock helps in mocking HTTP services. You can stub HTTP responses in
JSON/XML for development and testing
• Also known as test doubles or service virtualization
• Wiremock can be used as a library in your Selenium projects or as standalone
instance
• There are bunch of other alternative available. Check out my awesome-toolbox
page

WireMock – How to use it?
// Setup and start the Wiremock server
WireMockServer wireMockServer = new WireMockServer(options()
.port(4000)
.notifier(new ConsoleNotifier(true)));
wireMockServer.start();
// Define stub for the test
wireMockServer
.stubFor(get(urlEqualTo("/data/2.5/weather?q=Singapore&appid
=undefined&units=metric"))
.willReturn(aResponse()
.withStatus(200)
.withHeader("Content-Type",
"application/json")
.withBodyFile("json/weather_data.json")));

PDFBox
• The Apache PDFBox library is an open-source Java tool for working with PDF
documents.
• PDFBox allows creation of new PDF documents, manipulation of existing
documents and the ability to extract content from documents
• Similar libraries available in other programming languages
• PDFBox can help you testing PDFs
• Use with caution!

PDFBox – How to use it?
doc = PDDocument.load(file);
Assert.assertEquals(1, doc.getNumberOfPages());
String content = new PDFTextStripper().getText(doc);
Assert.assertTrue(content.contains("PDF Test File"));

Demos!
Examples for this session are written in Java and JUnit
Most of these tools have alternate versions available in
other popular programming languages (Python, C#,
Ruby, JavaScript)

Resources
• Code from this session - https://github.com/upgundecha/se-powertools-recipes
• Awesome Toolbox - https://github.com/upgundecha/awesome-toolbox
• Awesome Selenium List - https://github.com/christian-bromann/awesome-
selenium

How to create your Power Toolbox
• Keep looking for libraries & tools in
• GitHub Explore
• Package Repositories such as npmjs.org, PyPI (Python Package Index),
rubygems.org
• Create awesome list in your GitHub Repo

My Books & Blog
https://www.amazon.com/~/e/B00ATKDJOA

Session on Selenium Powertools by Unmesh Gundecha

More Related Content

Similar to Session on Selenium Powertools by Unmesh Gundecha (20)

More from Agile Testing Alliance (20)

Recently uploaded (20)

Session on Selenium Powertools by Unmesh Gundecha