galen framework: automation testing of responsive design
DESCRIPTION
Presentation of new automation framework for testing of responsive design. Slides were made just as a road map for the speaker.TRANSCRIPT
Responsive DesignQA automation
What is responsive design?
Classic QA automation of web
Step #1 Step #2 Step #N
Automation flow of manual test case
Automation flow of manual test case
Cons & Pros
1. Simplify manual QA2. Reduce testing time3. Reliable for appropriate tasks
1. Can't substitute a human2. No easy ways for some actions3. Absence of complete UI
testing
How to extend classic automation?
Galen Framework
Hello, Galen!
Galen Specs Language
1. *.spec2. Page object definition3. @tags (desktop, mobile)4. Spec instructions
Object definition
======================header id headerlogo-box css .logo-boxlogo id titlemenu css .primary-navmobile-menu id mobile-menufacebook 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
No
tabs
just
SPA
CES
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+