SlideShare a Scribd company logo
idealo internet GmbH
Berlin Selenium Meetup
Berlin, 26.05.2015
Responsive Web Design Layout Testing
With Selenium and Galen Framework
Responsive Web Design Layout Testing
Content
● About idealo
● Responsive Web Design
● Galen Framework
● Testautomation @ idealo
● Demo
● Summary
26.05.2016 2
With Selenium and Galen Framework
Responsive Web Design Layout Testing
About idealo
● Price and product comparison portal & e-commerce
● Founded in 2000
● on www.idealo.de
o 238.5 Million offer
o 52.600 shops
26.05.2016 3
With Selenium and Galen Framework
Responsive Web Design Layout Testing
Responsive Web Design
● Web design and development paradigm
● Reacts and adapts on used devices
o Layout and display of elements depending on screen size
26.05.2016 4
With Selenium and Galen Framework
Responsive Web Design Layout Testing
Responsive Web Design
● Benefits
o Maintaining one website and not multiple
o One domain, big diversity of devices, OS and browser
o Same great User Experience with different browsers in different devices
o Higher Ranks in Google (SEO), no more duplicate content penalties
o Save time/money on mobile development
● Drawbacks
o Complex planning
o Sophisticated technical implementation
o Longer development time
o Extensive testing
26.05.2016 5
With Selenium and Galen Framework
Responsive Web Design Layout Testing
Responsive Web Design @ idealo
● Mobile first approach
● Migrating only on site type a time
● Java Script Framework Foundation
● Breakpoints for layout change
26.05.2016 6
With Selenium and Galen Framework
Responsive Web Design Layout Testing
Responsive Web Design Testing
● Check on different Viewports
● Check on different Platforms
● Layout check becomes more important
26.05.2016 7
With Selenium and Galen Framework
Can we automate that?
Yes!
Responsive Web Design Layout Testing
Galen Framework
● OSS Framework for automated website layout testing
● http://galenframework.com
● Designed with responsive in mind
● Based on Selenium WebDriver
● Run from cli or JS, Java
● Comes with own spec language
Galen Spec Language
● Define relations of HTML elements
● Line based text format
● Represents the expected layout
26.05.2016 9
With Selenium and Galen Framework
Responsive Web Design Layout Testing
Testautomation @ idealo
● Agile Teams (Scrum, Kanban etc.) with dedicated test resource
● Testing tech stack Java, JUnit, Selenium, Maven, Jenkins, Selenium Grid, SauceLabs,
phantomjs
● Selenium tests integrated in build and deployment process
26.05.2016 10
With Selenium and Galen Framework
Demo
Responsive Web Design Layout Testing
Summary
● Layout checks proved useful
● Compare Screenshots not used
● Layout specs maintained by developers
● Stops at first spec error
● Error in spec syntax file hard to find
● Different rendering on lokal phantomJS
● Use of css checks not good practice
26.05.2016 12
With Selenium and Galen Framework
Questions?

More Related Content

PPTX
Get responsive with Galen
Thoughtworks
 
PPTX
Automated layout testing using Galen Framework
Sperasoft
 
PPTX
Visual Regression Testing
VodqaBLR
 
PPTX
Galen Framework - Responsive Design Automation
Venkat Ramana Reddy Parine
 
PPTX
ASP.NET 5 Overview - Post Build 2015
Shahed Chowdhuri
 
PDF
Web Application Testing with Selenium
Sargis Sargsyan
 
PPTX
ASP.NET 5 & Unit Testing
Shahed Chowdhuri
 
PPTX
QA Automation testing online training
Divya Shree
 
Get responsive with Galen
Thoughtworks
 
Automated layout testing using Galen Framework
Sperasoft
 
Visual Regression Testing
VodqaBLR
 
Galen Framework - Responsive Design Automation
Venkat Ramana Reddy Parine
 
ASP.NET 5 Overview - Post Build 2015
Shahed Chowdhuri
 
Web Application Testing with Selenium
Sargis Sargsyan
 
ASP.NET 5 & Unit Testing
Shahed Chowdhuri
 
QA Automation testing online training
Divya Shree
 

What's hot (20)

PDF
[Srijan Wednesday Webinars] Automating Visual Regression using ‘Galen’
Srijan Technologies
 
PPT
Vodqa_April2016_PPT_Final
Harmeet Singh
 
PPTX
ASP.NET 5 Overview for Apex Systems
Shahed Chowdhuri
 
PDF
Patterns of a "Good" Test Automation Framework, Locators & Data
Agile Testing Alliance
 
PDF
Agile Testing
Sargis Sargsyan
 
PPTX
Scaffolding in One Asp.Net
Lohith Goudagere Nagaraj
 
PDF
Isolated React Js components
Abe García
 
PPT
Automated Testing With Jasmine, PhantomJS and Jenkins
Work at Play
 
PPTX
Creating Custom HTML Helpers in ASP.NET MVC
Lohith Goudagere Nagaraj
 
PPTX
Getting Started with WordPress Plugin Development
Abhishek Deshpande
 
PPTX
Automated Testing – Web, Mobile, Desktop - Challenges and Successes
Ted Drake
 
PDF
Run Fast, Try Not to Break S**t
Michael Schmidt
 
PDF
Unit testing
Leonardo Balter
 
PDF
Angular 2 vs React
Iran Reyes Fleitas
 
PPTX
TallyJS #1 - Intro to AngularJS
Andrew Hart
 
PDF
Better Page Object Handling with Loadable Component Pattern - SQA Days 20, Be...
Sargis Sargsyan
 
PDF
Vimperl
Ynon Perek
 
PPTX
JavaScript Unit Testing
Keir Bowden
 
PPTX
Untying the Knots of Web Dev with Internet Explorer
Sarah Dutkiewicz
 
PDF
[Webinar] Continuous Testing Done Right: Test Automation at the World's Leadi...
Applitools
 
[Srijan Wednesday Webinars] Automating Visual Regression using ‘Galen’
Srijan Technologies
 
Vodqa_April2016_PPT_Final
Harmeet Singh
 
ASP.NET 5 Overview for Apex Systems
Shahed Chowdhuri
 
Patterns of a "Good" Test Automation Framework, Locators & Data
Agile Testing Alliance
 
Agile Testing
Sargis Sargsyan
 
Scaffolding in One Asp.Net
Lohith Goudagere Nagaraj
 
Isolated React Js components
Abe García
 
Automated Testing With Jasmine, PhantomJS and Jenkins
Work at Play
 
Creating Custom HTML Helpers in ASP.NET MVC
Lohith Goudagere Nagaraj
 
Getting Started with WordPress Plugin Development
Abhishek Deshpande
 
Automated Testing – Web, Mobile, Desktop - Challenges and Successes
Ted Drake
 
Run Fast, Try Not to Break S**t
Michael Schmidt
 
Unit testing
Leonardo Balter
 
Angular 2 vs React
Iran Reyes Fleitas
 
TallyJS #1 - Intro to AngularJS
Andrew Hart
 
Better Page Object Handling with Loadable Component Pattern - SQA Days 20, Be...
Sargis Sargsyan
 
Vimperl
Ynon Perek
 
JavaScript Unit Testing
Keir Bowden
 
Untying the Knots of Web Dev with Internet Explorer
Sarah Dutkiewicz
 
[Webinar] Continuous Testing Done Right: Test Automation at the World's Leadi...
Applitools
 
Ad

Viewers also liked (7)

PPTX
Advanced Appium: SeleniumConf UK 2016
Dan Cuellar
 
PDF
Automating the responsive website testing
Birudugadda Pranathi
 
PDF
Testing responsive web design pdf
crilusi
 
PDF
Testing Responsive Webdesign
Sven Wolfermann
 
PDF
Cross browser testing using BrowserStack
RapidValue
 
PPT
Responsive Web Design testing using Galen Framework
Birudugadda Pranathi
 
PPTX
A Complete Guide to Testing Responsive Websites
Perfecto by Perforce
 
Advanced Appium: SeleniumConf UK 2016
Dan Cuellar
 
Automating the responsive website testing
Birudugadda Pranathi
 
Testing responsive web design pdf
crilusi
 
Testing Responsive Webdesign
Sven Wolfermann
 
Cross browser testing using BrowserStack
RapidValue
 
Responsive Web Design testing using Galen Framework
Birudugadda Pranathi
 
A Complete Guide to Testing Responsive Websites
Perfecto by Perforce
 
Ad

Similar to Berlin Selenium Meetup - Galen Framework (20)

PDF
11 Top Cross Browser Testing Tools to Know About.pdf
kalichargn70th171
 
PDF
11 Top Cross Browser Testing Tools to Know About.pdf
flufftailshop
 
PDF
Compatibility Testing of Your Web Apps - Tips and Tricks for Debugging Locall...
Sauce Labs
 
PDF
Compatibility Testing of Your Web Apps - Tips and Tricks for Debugging Locall...
Coveros, Inc.
 
DOC
Amit_9yrs of Automation and manual Exp
amit kumar
 
PDF
CTS - Experience letter
Saravanaselvan Senguttuvan
 
PDF
Selenium vs Cypress vs TestGrid: Choosing the Right Automation Tool
Shubham Joshi
 
PPTX
Difference between-angular js-nodejs
Netleon-Technologies Website-Professionals
 
PDF
Introduction to Protractor
Florian Fesseler
 
PDF
Mastering Selenium WebDriver: A Comprehensive Tutorial with Real-World Examples
jamescantor38
 
PDF
Selenium and Open Source Advanced Testing
Austin Marie Gay
 
PDF
Know All About Cross Browser Compatibility Testing.pdf
flufftailshop
 
DOCX
Sarbajit Resume - Delivery Manager QA - Test Automation Consluting
sarbajit Chakrabarty
 
PPTX
17 Ways to Save Time on Manual Cross Browser Testing
Sarah Elson
 
PPTX
Real world selenium resume which gets more job interviews
ABSoft Trainings
 
PPTX
Vue.js vs angular the best java script framework to choose
Mobiloitte
 
PPTX
New life inside monolithic application
Taras Matyashovsky
 
PDF
HeadSpin Alternatives with Better ROI: Top Tools Compared
Shubham Joshi
 
PDF
Balasubramanian, Viswanathan_Resume
Balasubramanian Viswanathan
 
DOC
Resume_Sivasankaraiah Poli
Siva Poli
 
11 Top Cross Browser Testing Tools to Know About.pdf
kalichargn70th171
 
11 Top Cross Browser Testing Tools to Know About.pdf
flufftailshop
 
Compatibility Testing of Your Web Apps - Tips and Tricks for Debugging Locall...
Sauce Labs
 
Compatibility Testing of Your Web Apps - Tips and Tricks for Debugging Locall...
Coveros, Inc.
 
Amit_9yrs of Automation and manual Exp
amit kumar
 
CTS - Experience letter
Saravanaselvan Senguttuvan
 
Selenium vs Cypress vs TestGrid: Choosing the Right Automation Tool
Shubham Joshi
 
Difference between-angular js-nodejs
Netleon-Technologies Website-Professionals
 
Introduction to Protractor
Florian Fesseler
 
Mastering Selenium WebDriver: A Comprehensive Tutorial with Real-World Examples
jamescantor38
 
Selenium and Open Source Advanced Testing
Austin Marie Gay
 
Know All About Cross Browser Compatibility Testing.pdf
flufftailshop
 
Sarbajit Resume - Delivery Manager QA - Test Automation Consluting
sarbajit Chakrabarty
 
17 Ways to Save Time on Manual Cross Browser Testing
Sarah Elson
 
Real world selenium resume which gets more job interviews
ABSoft Trainings
 
Vue.js vs angular the best java script framework to choose
Mobiloitte
 
New life inside monolithic application
Taras Matyashovsky
 
HeadSpin Alternatives with Better ROI: Top Tools Compared
Shubham Joshi
 
Balasubramanian, Viswanathan_Resume
Balasubramanian Viswanathan
 
Resume_Sivasankaraiah Poli
Siva Poli
 

More from Michael Palotas (20)

PDF
Selenium - The page object pattern
Michael Palotas
 
PDF
Berlin Selenium Meetup - A quick introduction to Selenium
Michael Palotas
 
PDF
Zürich selenium meetup mobile and web automation under one umbrella
Michael Palotas
 
PDF
Agile breakfast St. Gallen - Mindset. Skillset. Toolset
Michael Palotas
 
PDF
Mobile Test Automation using one API and one infrastructure
Michael Palotas
 
PDF
Agile Bodensee - Testautomation & Continuous Delivery Workshop
Michael Palotas
 
PDF
Agile bodensee - Agile Testing: Bug prevention vs. bug detection
Michael Palotas
 
PDF
Testing in the new world-bug prevention vs. bug detection
Michael Palotas
 
PDF
Mobile test automation with Selenium, Selendroid and ios-driver
Michael Palotas
 
PDF
German Testing Day Keynote - Testing at ebay - a look at a rather unconvent...
Michael Palotas
 
PDF
Mobile WebDriver Selendroid
Michael Palotas
 
PDF
Scrum breakfast skillset_toolset_mindset
Michael Palotas
 
PDF
EBAY - A LOOK BEHIND THE SCENES
Michael Palotas
 
PPTX
JAVA User Group Bern - Selenium
Michael Palotas
 
PPTX
Mobile Testing and Mobile Automation at eBay
Michael Palotas
 
PDF
ebay @ Hasso Plattner Institut Potsdam
Michael Palotas
 
PDF
How we Test at eBay Europe
Michael Palotas
 
PDF
Swiss Testing Day - Testautomation, 10 (sometimes painful) lessons learned
Michael Palotas
 
PPTX
Implementing Test Automation in Agile Projects
Michael Palotas
 
PDF
Test Automation and Innovation with Open Source Tools
Michael Palotas
 
Selenium - The page object pattern
Michael Palotas
 
Berlin Selenium Meetup - A quick introduction to Selenium
Michael Palotas
 
Zürich selenium meetup mobile and web automation under one umbrella
Michael Palotas
 
Agile breakfast St. Gallen - Mindset. Skillset. Toolset
Michael Palotas
 
Mobile Test Automation using one API and one infrastructure
Michael Palotas
 
Agile Bodensee - Testautomation & Continuous Delivery Workshop
Michael Palotas
 
Agile bodensee - Agile Testing: Bug prevention vs. bug detection
Michael Palotas
 
Testing in the new world-bug prevention vs. bug detection
Michael Palotas
 
Mobile test automation with Selenium, Selendroid and ios-driver
Michael Palotas
 
German Testing Day Keynote - Testing at ebay - a look at a rather unconvent...
Michael Palotas
 
Mobile WebDriver Selendroid
Michael Palotas
 
Scrum breakfast skillset_toolset_mindset
Michael Palotas
 
EBAY - A LOOK BEHIND THE SCENES
Michael Palotas
 
JAVA User Group Bern - Selenium
Michael Palotas
 
Mobile Testing and Mobile Automation at eBay
Michael Palotas
 
ebay @ Hasso Plattner Institut Potsdam
Michael Palotas
 
How we Test at eBay Europe
Michael Palotas
 
Swiss Testing Day - Testautomation, 10 (sometimes painful) lessons learned
Michael Palotas
 
Implementing Test Automation in Agile Projects
Michael Palotas
 
Test Automation and Innovation with Open Source Tools
Michael Palotas
 

Recently uploaded (20)

PPTX
OA presentation.pptx OA presentation.pptx
pateldhruv002338
 
PDF
Peak of Data & AI Encore - Real-Time Insights & Scalable Editing with ArcGIS
Safe Software
 
PPTX
Applied-Statistics-Mastering-Data-Driven-Decisions.pptx
parmaryashparmaryash
 
PPTX
The Future of AI & Machine Learning.pptx
pritsen4700
 
PDF
How Open Source Changed My Career by abdelrahman ismail
a0m0rajab1
 
PDF
Structs to JSON: How Go Powers REST APIs
Emily Achieng
 
PDF
Trying to figure out MCP by actually building an app from scratch with open s...
Julien SIMON
 
PDF
Oracle AI Vector Search- Getting Started and what's new in 2025- AIOUG Yatra ...
Sandesh Rao
 
PDF
NewMind AI Weekly Chronicles - July'25 - Week IV
NewMind AI
 
PPTX
AI in Daily Life: How Artificial Intelligence Helps Us Every Day
vanshrpatil7
 
PDF
SparkLabs Primer on Artificial Intelligence 2025
SparkLabs Group
 
PDF
Make GenAI investments go further with the Dell AI Factory
Principled Technologies
 
PPTX
New ThousandEyes Product Innovations: Cisco Live June 2025
ThousandEyes
 
PPTX
AI and Robotics for Human Well-being.pptx
JAYMIN SUTHAR
 
PDF
Doc9.....................................
SofiaCollazos
 
PPTX
Simple and concise overview about Quantum computing..pptx
mughal641
 
PDF
Research-Fundamentals-and-Topic-Development.pdf
ayesha butalia
 
PDF
GDG Cloud Munich - Intro - Luiz Carneiro - #BuildWithAI - July - Abdel.pdf
Luiz Carneiro
 
PDF
Brief History of Internet - Early Days of Internet
sutharharshit158
 
PPTX
Dev Dives: Automate, test, and deploy in one place—with Unified Developer Exp...
AndreeaTom
 
OA presentation.pptx OA presentation.pptx
pateldhruv002338
 
Peak of Data & AI Encore - Real-Time Insights & Scalable Editing with ArcGIS
Safe Software
 
Applied-Statistics-Mastering-Data-Driven-Decisions.pptx
parmaryashparmaryash
 
The Future of AI & Machine Learning.pptx
pritsen4700
 
How Open Source Changed My Career by abdelrahman ismail
a0m0rajab1
 
Structs to JSON: How Go Powers REST APIs
Emily Achieng
 
Trying to figure out MCP by actually building an app from scratch with open s...
Julien SIMON
 
Oracle AI Vector Search- Getting Started and what's new in 2025- AIOUG Yatra ...
Sandesh Rao
 
NewMind AI Weekly Chronicles - July'25 - Week IV
NewMind AI
 
AI in Daily Life: How Artificial Intelligence Helps Us Every Day
vanshrpatil7
 
SparkLabs Primer on Artificial Intelligence 2025
SparkLabs Group
 
Make GenAI investments go further with the Dell AI Factory
Principled Technologies
 
New ThousandEyes Product Innovations: Cisco Live June 2025
ThousandEyes
 
AI and Robotics for Human Well-being.pptx
JAYMIN SUTHAR
 
Doc9.....................................
SofiaCollazos
 
Simple and concise overview about Quantum computing..pptx
mughal641
 
Research-Fundamentals-and-Topic-Development.pdf
ayesha butalia
 
GDG Cloud Munich - Intro - Luiz Carneiro - #BuildWithAI - July - Abdel.pdf
Luiz Carneiro
 
Brief History of Internet - Early Days of Internet
sutharharshit158
 
Dev Dives: Automate, test, and deploy in one place—with Unified Developer Exp...
AndreeaTom
 

Berlin Selenium Meetup - Galen Framework

  • 1. idealo internet GmbH Berlin Selenium Meetup Berlin, 26.05.2015 Responsive Web Design Layout Testing With Selenium and Galen Framework
  • 2. Responsive Web Design Layout Testing Content ● About idealo ● Responsive Web Design ● Galen Framework ● Testautomation @ idealo ● Demo ● Summary 26.05.2016 2 With Selenium and Galen Framework
  • 3. Responsive Web Design Layout Testing About idealo ● Price and product comparison portal & e-commerce ● Founded in 2000 ● on www.idealo.de o 238.5 Million offer o 52.600 shops 26.05.2016 3 With Selenium and Galen Framework
  • 4. Responsive Web Design Layout Testing Responsive Web Design ● Web design and development paradigm ● Reacts and adapts on used devices o Layout and display of elements depending on screen size 26.05.2016 4 With Selenium and Galen Framework
  • 5. Responsive Web Design Layout Testing Responsive Web Design ● Benefits o Maintaining one website and not multiple o One domain, big diversity of devices, OS and browser o Same great User Experience with different browsers in different devices o Higher Ranks in Google (SEO), no more duplicate content penalties o Save time/money on mobile development ● Drawbacks o Complex planning o Sophisticated technical implementation o Longer development time o Extensive testing 26.05.2016 5 With Selenium and Galen Framework
  • 6. Responsive Web Design Layout Testing Responsive Web Design @ idealo ● Mobile first approach ● Migrating only on site type a time ● Java Script Framework Foundation ● Breakpoints for layout change 26.05.2016 6 With Selenium and Galen Framework
  • 7. Responsive Web Design Layout Testing Responsive Web Design Testing ● Check on different Viewports ● Check on different Platforms ● Layout check becomes more important 26.05.2016 7 With Selenium and Galen Framework
  • 8. Can we automate that? Yes!
  • 9. Responsive Web Design Layout Testing Galen Framework ● OSS Framework for automated website layout testing ● http://galenframework.com ● Designed with responsive in mind ● Based on Selenium WebDriver ● Run from cli or JS, Java ● Comes with own spec language Galen Spec Language ● Define relations of HTML elements ● Line based text format ● Represents the expected layout 26.05.2016 9 With Selenium and Galen Framework
  • 10. Responsive Web Design Layout Testing Testautomation @ idealo ● Agile Teams (Scrum, Kanban etc.) with dedicated test resource ● Testing tech stack Java, JUnit, Selenium, Maven, Jenkins, Selenium Grid, SauceLabs, phantomjs ● Selenium tests integrated in build and deployment process 26.05.2016 10 With Selenium and Galen Framework
  • 11. Demo
  • 12. Responsive Web Design Layout Testing Summary ● Layout checks proved useful ● Compare Screenshots not used ● Layout specs maintained by developers ● Stops at first spec error ● Error in spec syntax file hard to find ● Different rendering on lokal phantomJS ● Use of css checks not good practice 26.05.2016 12 With Selenium and Galen Framework