The document discusses layout testing using the Galen Framework. Galen Framework is a tool that tests the layout of web applications and is responsive. It has a human readable spec language to write tests and components like the Galen spec language, test language, and Javascript tests. The spec language can test elements are near, below, aligned, and more using specs. Galen can dump pages, be run from the command line, and generate reports. It also integrates with Java and JUnit for testing.

1. Layout Testing With Galen
Framework
Galen Framework

2. Layout Testing With Galen Framework
About Me
▸Can YILDIRIM
▸QA Engineer @ Al-Tayer Group, Dubai, UAE
▸Twitter: cyildirim_
▸Github: cyildirim
▸LinkedIn : linkedin.com/in/cyildirim/

3. Layout Testing With Galen Framework
Takeaways
‣ What is the Visual Testing ?
‣ Galen Spec Language fundamentals
‣ Galen Dump, Command-line and Reports
‣ Galen + Java + Junit Integration

4. Layout Testing With Galen Framework
What is Layout Testing Exactly ?

5. Layout Testing With Galen Framework
Galen Framework
▸Tests Layout of web applications
▸Responsive
▸github.com/galenframework/galen
▸Galen Framework 2.3.6
▸Human Readable Syntax
▸Created by Ivan Shubin

6. Layout Testing With Galen Framework
Galen Framework Components
▸ Galen Spec Language
▸ Galen Test Language
▸ Galen Javascript Test

8. Layout Testing With Galen Framework
Galen Spec Language

9. Layout Testing With Galen Framework
Show me the code

10. Layout Testing With Galen Framework
Galen Dump
galen dump homepage.gspec
--url "http://seleniumcamp.com"
—size "1200x800"
--export homepage-dump

11. Layout Testing With Galen Framework
Galen Spec Language | Aligned

12. Layout Testing With Galen Framework
Galen Spec Language | Near

13. Layout Testing With Galen Framework
Galen Spec Language | Image

14. Layout Testing With Galen Framework
Galen Spec Language | Spec Reference
• Specs Reference
◦ Near
◦ Below and Above
◦ Left of and Right of
◦ Inside
◦ Width and Height
◦ Aligned
◦ Text
◦ CSS Properties
• Advanced Specs
◦ Importing
◦ Multiple objects with same specs
◦ for Loop
◦ forEach Loop
◦ Custom javascript functions in
specs
◦ if statement
◦ Warning level for specs
◦ Throwing error
◦ Custom rules
◦ Notes for specs
◦ Centered
◦ Absent
◦ Visible
◦ Contains
◦ On
◦ Component
◦ Count
◦ Color scheme
◦ Image

15. Layout Testing With Galen Framework
Galen Command Line

16. Layout Testing With Galen Framework
Reports

17. Layout Testing With Galen Framework
Reports

18. Layout Testing With Galen Framework
Galen + Java

19. Layout Testing With Galen Framework
Questions ?

20. Layout Testing With Galen Framework
Thank you! Дякую !