Автоматизация web-приложений зачастую заканчивается на простом функциональном тестировании. Области UI остается не покрытой. Но не следует оставлять ее таковой, потому что есто инструмент Galen Framework, который предназначен для автоматизации тестирования responsive design.

1. Responsive Design
QA automation

2. What is responsive
design?

4. Classic QA
automation of web

5. Goals?

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

7. Automation flow of manual test
case

8. Cons & Pros

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

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

11. How to extend classic
automation?

12. Galen Framework

13. Ivan Shubin

14. Hello, Galen!

16. Galen Specs Language

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

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

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

20. NotabsjustSPACES

21. Galen Test Suite Syntax

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

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

25. Galen Extra+

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