Get responsive with Galen
Download as PPTX, PDF0 likes1,120 views
The document discusses responsive web design testing and introduces the Galen framework. Galen allows developers to write layout tests that launch and resize browsers to test page elements. It provides commands like near, width, height, aligned to make assertions. Using Galen can reduce testing time and effort by automating responsive tests and identifying defects earlier while allowing developers to contribute tests. However, it does not replace actual device testing.
Get responsive with Galen
- 1. Get responsive with Galen!!! Devi Sridharan Lalitha Rajanala
- 4. Testing Becomes a challenge
- 5. To list down… • Increased testing efforts • Lot of attention to details • Delay in the deliverables • Lot of dependency on manual testing • Error-prone
- 6. Responsive automation - Galen Galen Framework is a test framework which was introduced for layout-testing of web-application in real browser. 1. Launch 2. Resize 3. Test the layout How it works?
- 7. Galen Installation File structure Spec file Test file Galen spec/Language Basic commands Inside Near Width,height Right of Left of Horizontally aligned Visible Absent component
- 8. Demo
- 9. To summarize… ROI Identifies the defects early Devs can contribute to tests Detailed reports with screenshots Saves considerable amount of testing time Can be integrated with existing selenium tests & CI Word of caution Doesn’t replace the actual device testing, just minimizes the effort spent.
- 10. Questions ???
- 11. Thank you https://in.linkedin.com/in/devisridharan https://in.linkedin.com/in/lalitharajanala @DeviSridharan devisridharan.sd@gmail.com @LRajanala lalitha.rajanala@gmail.com DEMO https://github.com/devishree90/Galen_demo
Editor's Notes
- #4: Responsive web design (RWD) is an approach to web design aimed at crafting sites to provide an optimal viewing experience—easy reading and navigation with a minimum of resizing, panning, and scrolling—across a wide range of devices (from desktop computer monitors to mobile phones). Give google example where it adapts to screen size and how the gmail link etc disappaears into navigation menu with mobile screen size
- #5: Testing becomes a challenge with lot of devices to certify
- #8: Galen Specs is the language with which you define how the page should look like for different devices. The language is quite advanced and allows you to express complete layout of your website with minimal text.