Presentation of new automation framework for testing of responsive design. Slides were made just as a road map for the speaker.

1. Responsive Design
QA automation

2. What is responsive
design?

4. Classic QA
automation of web

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

6. Automation flow of manual test
case

7. Cons & Pros

8. 1. Simplify manual QA
2. Reduce testing time
3. Reliable for appropriate tasks

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

10. How to extend classic
automation?

11. Galen Framework

12. Hello, Galen!

14. Galen Specs Language

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

16. 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
======================

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

18. No tabs just SPACES

19. Galen Test Suite Syntax

20. @@ 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}"

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

23. Galen Extra+

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