Common Web UI Problems Transforming Manual to Automation

Common Web UI Problems Transforming

Manual to Automation

Hieu Phan – KMS Technology

STC Meetup

Introduction

• Software engineer focusing on testing frameworks• Experienced with desktop, web and mobile apps

• Develop test frameworks using open sources: Selenium, Appium, Watir, …

• Automation engineer• Provide technical solutions for automation projects

• Automation approach, strategy consulting

• Senior Software Engineer at Katalon Studio project

Agenda

•Why Automation Testing?

•Available Solutions?

•How Does It Work?

•What IS The Challenge?

Why Automation Testing ?

Advanced Software Development & Testing Methodologies

Why Automation Testing

Rapid Hardware Transformation and Modernization

Why Automation Testing

• Commercial tools: QTP, TestComplete, Telerik, eggPlant… Pros: Feature-rich, supported technologies, good customer

support Cons: High cost

• Open source technologies: Selenium, Appium, OCR, AutoIt… Pros: Free Cons: Inconvenient to use, required technical skill

• Free – Community tools: Katalon, Robot framework, Sahi… Pros: Free, customer support Cons:

Available Solutions

Automation

Object Repository

Execution engine

Test Data

Test Script

How Automation Tool works

Tester

Dev

AUT

CI

SVC

What is the Challenge?

The Evolution of Web Interface

CNN 10/23/2006 CNN 10/21/2016

The Evolution of Web Processing

Asynchronous loading content: IFRAME, AJAX…

Common UI Problems

• IFrame

• Intelligent Wait

• Popups

• XPath handling

Common Problems

IFrame

Popup

Pop-up

waitForPageLoaded

waitForElementPresent

waitForElementVisible

….

Intelligent Wait

/html/body/div[7]/div[3]/div/div[2]/div[1]/div[2]/div/div/div/div[2]/div[1]/div[1]/div/div/div[7]/div/div[1]/div[2]/div/table/tbody/tr/td[6]/div/div/div/span[1]/b

XPath Handling

Demo

Q & A