Responsive Design
QA automation

What is responsive
design?

Classic QA
automation of web

Goals?

Step #1 Step #2 Step #N
Automation flow of manual test
case

Automation flow of manual test
case

Cons & Pros

1. Make manual testing easier
2. Reduce testing time
3. Reliable for appropriate tasks

1. Can't substitute a human
2. No easy ways for some actions
3. Absence of complete UI
testing

How to extend classic
automation?

Galen Framework

Ivan Shubin

Hello, Galen!

Galen Specs Language

1. *.spec
2. Page object definition
3. @tags (desktop, mobile)
4. Spec instructions

Object definition
======================
header id header
logo-box css .logo-box
logo id title
menu css .primary-nav
mobile-menu id mobile-menu
facebook css .facebook_url
======================

Tags notation
@ all
----------------------
logo
inside: header 18 to 20px top
centered horizontally inside: header
header
width: 100% of screen/width
logo-box
width: < 1201px

NotabsjustSPACES

Galen Test Suite Syntax

@@ set
base_url http://10per.club/
@@ table devices
| device | tags | size |
| mobile | all, mobile | 320x480 |
| desktop | all, desktop | 1280x960 |
@@ parameterized using devices
MainPage on ${device} device
selenium firefox ${base_url} ${size}
check basic.spec --include "${tags}"

Run tests
galen test test-suite.test --htmlreport reports

Galen Extra+

Thanks
alex.fruzenshtein@gmail.com
@Fruzenshtein
www.Fruzenshtein.com