galen framework: automation testing of responsive design

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+

Thanks

alex.fruzenshtein@gmail.com@Fruzenshtein

www.Fruzenshtein.com