Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
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
mobil...
Tags notation
@ all
----------------------
logo
inside: header 18 to 20px top
centered horizontally inside: header
header
...
NotabsjustSPACES
Galen Test Suite Syntax
@@ set
base_url http://10per.club/
@@ table devices
| device | tags | size |
| mobile | all, mobile | 320x480 |
| desktop ...
Run tests
galen test test-suite.test --htmlreport reports
Galen Extra+
Thanks
alex.fruzenshtein@gmail.com
@Fruzenshtein
www.Fruzenshtein.com
QA Fest 2014. Алексей Зволинский. Автоматизация тестирования Responsive design
QA Fest 2014. Алексей Зволинский. Автоматизация тестирования Responsive design
QA Fest 2014. Алексей Зволинский. Автоматизация тестирования Responsive design
Upcoming SlideShare
Loading in …5
×

QA Fest 2014. Алексей Зволинский. Автоматизация тестирования Responsive design

977 views

Published on

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

Published in: Technology
  • Be the first to comment

QA Fest 2014. Алексей Зволинский. Автоматизация тестирования Responsive design

  1. 1. Responsive Design QA automation
  2. 2. What is responsive design?
  3. 3. Classic QA automation of web
  4. 4. Goals?
  5. 5. Step #1 Step #2 Step #N Automation flow of manual test case
  6. 6. Automation flow of manual test case
  7. 7. Cons & Pros
  8. 8. 1. Make manual testing easier 2. Reduce testing time 3. Reliable for appropriate tasks
  9. 9. 1. Can't substitute a human 2. No easy ways for some actions 3. Absence of complete UI testing
  10. 10. How to extend classic automation?
  11. 11. Galen Framework
  12. 12. Ivan Shubin
  13. 13. Hello, Galen!
  14. 14. Galen Specs Language
  15. 15. 1. *.spec 2. Page object definition 3. @tags (desktop, mobile) 4. Spec instructions
  16. 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. 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. 18. NotabsjustSPACES
  19. 19. Galen Test Suite Syntax
  20. 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. 21. Run tests galen test test-suite.test --htmlreport reports
  22. 22. Galen Extra+
  23. 23. Thanks alex.fruzenshtein@gmail.com @Fruzenshtein www.Fruzenshtein.com

×