Automated layout testing using Galen Framework
Download as pptx, pdf1 like798 views
The Galen framework allows testing page layouts using Selenium and by verifying elements' positions relative to each other. It uses .gspec files to describe layouts with objects, groups, sections and tags. Verifications include checking widths, heights, alignments, text values, and relative positions using keywords like "near", "inside" and ranges. Results can be saved to HTML reports.
1 of 14
Downloaded 24 times
![Structure of GSPEC file
@objects
# Common elements
loginButton xpath //div[@id=‘login’]
forgotPassword id uidForgotPasswordLink
content css #content div
# Desktop elements
signInLink id signInLink
= Main section =
# @on tablet_portrait, mobile_landscape, desktop,
@on *
forgotPassword:
inside content](https://image.slidesharecdn.com/automationlayouttestingusinggalen-160719140539/85/Automated-layout-testing-using-Galen-Framework-6-320.jpg)
![Web elements verification. Addition
1. You can also use loops for object groups (e.g.
@forEach [&mainframe] as item)
2. You can also create your own verification functions
and use them with ‘|’ symbol (e.g. @rule should be
squared width 100% of ${objectName}/height)
3. You can also create your own JavaScript functions and
use them as verification attribute
4. You can also declare conditional checks using
JavaScript expressions (e.g. @if $(isVisible(“banner-1”)))](https://image.slidesharecdn.com/automationlayouttestingusinggalen-160719140539/85/Automated-layout-testing-using-Galen-Framework-11-320.jpg)
Ad
Recommended
XpDays - Automated testing of responsive design (GalenFramework)
XpDays - Automated testing of responsive design (GalenFramework)Alex Fruzenshtein This document discusses automated testing of responsive web design using the Galen Framework. It provides an overview of Galen and how it allows writing specifications to test layouts across different screen sizes and devices. Key aspects covered include the Galen specification language using tags to target different devices, the test suite syntax, and examples of integrating Galen with Java tests using Maven, TestNG, and custom reporting.
Get responsive with Galen
Get responsive with GalenThoughtworks 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.
Visual Regression Testing
Visual Regression TestingVodqaBLR This document provides an overview of visual regression testing using the Galen framework. It discusses topics like change blindness, why visual regression tests are important, how Galen works, the basics of Galen including commands, specification files and reports. It also covers challenges like dynamic content and addressing them, image comparison configuration, and generating reports.
Galen Framework - Responsive Design Automation
Galen Framework - Responsive Design AutomationVenkat Ramana Reddy Parine The Galen Framework is an open-source tool for automated layout, responsive design, and cross-browser testing, providing features such as error reporting with screenshots and easy syntax for defining specifications. It uses a special specification language and integrates with Selenium for interacting with web elements, but has drawbacks like the lack of a test editor and costly maintenance due to UI changes. The framework supports various functionalities, including test suite management and integration with services like Appium, BrowserStack, and Sauce Labs.
Berlin Selenium Meetup - Galen Framework
Berlin Selenium Meetup - Galen FrameworkMichael Palotas The document discusses responsive web design layout testing using the Galen Framework with Selenium. It provides an overview of responsive web design, the Galen Framework which allows defining element relationships and expected layouts in a specification language to test responsiveness across viewports and platforms. It also discusses how idealo uses agile development practices and a testing stack including Selenium, JUnit, Maven and Jenkins to integrate layout testing into their build and deployment process using Galen. The document concludes with noting some lessons learned from using Galen at idealo.
jQuery Intro
jQuery IntroJason Noble The document provides an overview of jQuery, a popular JavaScript library, including its history and benefits such as easy DOM manipulation, AJAX capabilities, and cross-browser compatibility. It then demonstrates several jQuery functions and selectors for modifying HTML elements, handling events, and making AJAX requests to update content without page refreshes. Examples are given for selecting elements, updating styles, handling events like clicks, and validating form input with plugins.
Patterns of a “good” test automation framework
Patterns of a “good” test automation frameworkAnand Bagmar This document discusses patterns for test automation frameworks. It begins by introducing common patterns like page objects, business layer, and factories. It then provides examples of page object and business layer page object patterns. The document also discusses test data patterns and different ways to specify test data and locators. Finally, it outlines advantages of using patterns like reduced complexity, reusability, and maintenance. The key message is that the best pattern depends on the specific test automation context.
Intro to Rails Give Camp Atlanta
Intro to Rails Give Camp AtlantaJason Noble This document provides an introduction and overview of Ruby on Rails, including: its history and initial release in 2004; the Model-View-Controller architecture and included components; installing and setting up a basic Rails application; scaffolding a product catalog with CRUD functionality; adding validation, testing, and pushing the application to Heroku for deployment. It then demonstrates expanding the application by adding a shopping cart and checkout functionality using additional scaffolds, models, and controllers.
Introduction To Web Application Testing
Introduction To Web Application TestingYnon Perek The document discusses web application testing, highlighting challenges such as diverse browsers and devices, and advocating for automated testing to enhance feedback and reduce errors. It covers various testing types including unit tests and system tests, along with recommended tools and frameworks like Selenium and Mocha. The document emphasizes the importance of continuous integration, code coverage, and balancing different types of tests for effective software development.
5 x HTML5 worth using in APEX (5)
5 x HTML5 worth using in APEX (5)Christian Rokitta The document provides an overview of HTML5 features including new elements, APIs, and tags. It discusses several new HTML5 elements and APIs such as <dialog>, <output>, drag and drop, geolocation, and server-sent events. It provides examples and explanations of how to use these new features. It also discusses the history and standardization process of HTML5 and compares it to other technologies like WebSockets.
Catalog display
Catalog displayJason Noble The document discusses setting up a basic online store application in Rails. It covers generating a Store controller, routing requests to the store index action, displaying a list of products from the database, adding styles with CSS, using Rails helpers like number_to_currency to format prices, and writing functional tests for the controller. Homework includes adding a date to the sidebar, experimenting with number formatting options, and writing tests for the products controller.
Better Page Object Handling with Loadable Component Pattern
Better Page Object Handling with Loadable Component PatternSargis Sargsyan This document discusses using the Loadable Component pattern to improve page object handling in Selenium tests. It introduces the LoadableComponent and SlowLoadableComponent classes, which are designed to make page objects less brittle by ensuring pages are fully loaded before interacting with elements. This approach reduces boilerplate code and makes tests easier to maintain. The document also covers common failures like brittle tests, not building a framework properly, and not using explicit waits, as well as tips for continuous integration of automated tests.
Angular Classy
Angular ClassyDave Jeffery This document summarizes Angular Classy, a library that adds structure and organization to Angular controllers. It discusses how Classy controllers can be cleaner and more maintainable than vanilla Angular controllers. Key features of Classy covered include declaring controllers as classes, simplified $watch syntax, reverse referencing controllers by element ID, and upcoming features like computed properties and plugins.
Behavior Driven Development with Cucumber
Behavior Driven Development with CucumberBrandon Keepers This document discusses Behavior Driven Development (BDD) with Cucumber. It provides an example feature file for adding movies to a Netflix queue. It then demonstrates how to install and use Cucumber, including defining step definitions and integrating it with Rails. The document concludes that Cucumber allows specifying and testing software behavior through plain language examples.
*Webinar* Learn from the Experts: How to Boost Test Coverage with Automated V...
*Webinar* Learn from the Experts: How to Boost Test Coverage with Automated V...Applitools The document outlines a Java application using Selenium and Applitools for visual testing on a web page at TechWell. It includes code for opening a Chrome browser, navigating to a specific URL, conducting visual checks, and handling exceptions related to test failures. The document also mentions various tools and libraries for enhancing test coverage through visual testing.
Selenium (2)
Selenium (2)onlinemindq The document discusses Selenium, a tool for automated testing of web applications, highlighting its features, commands, and the Robot Framework integration. It emphasizes the importance of acceptance testing and provides guidance on writing effective tests, including the use of various commands and assertions. Additionally, it addresses best practices, such as modifying HTML for easier testing and limitations of the Selenium IDE.
Selenide Alternative in Practice - Implementation & Lessons learned [Selenium...
Selenide Alternative in Practice - Implementation & Lessons learned [Selenium...Iakiv Kramarenko This document describes an alternative to the Selenide web test automation tool called Selenide Alternative. It discusses lessons learned from implementing the alternative tool, including using a more concise API, implicit waits, assertion waits, and handling dynamic elements. The alternative aims to improve on Selenide by using object-oriented programming, modular design, and lazy proxy elements to dynamically find and wait for elements.
CUCUMBER - Making BDD Fun
CUCUMBER - Making BDD FunSQABD Cucumber is a tool that supports behavior-driven development (BDD). It allows non-technical users to describe features of a software application in plain English in feature files. Developers then write automated tests in a step definition file to make the scenarios in the feature files pass. The key steps are: 1) write scenarios in a feature file, 2) see the scenarios fail when run, 3) write step definitions to satisfy each scenario with code, 4) rerun and see the scenarios pass as the behaviors are implemented.
App engine beats pony.key
App engine beats pony.keyAlper Çugun This document compares and contrasts Django and Google App Engine. It notes that Django is better suited for content-heavy applications while App Engine is designed for scalability and real-time applications. While App Engine has some limitations around queries and normalization, it also has advantages like built-in services for memcache, email, XMPP, and task queues. The document recommends following best practices like using indexes and memcache when using App Engine.
JS Frameworks - Angular Vs Backbone
JS Frameworks - Angular Vs BackboneGourav Jain, MCTS® This document compares the JavaScript frameworks AngularJS and BackboneJS. It discusses their key features including dependencies, data binding, routing, views, testing, data handling, community support, third party integration, and development tools. Overall, it finds that AngularJS has more robust features out of the box like data binding and testing support, but BackboneJS is very flexible and works well with other libraries.
AngularJS Best Practices
AngularJS Best PracticesNarek Mamikonyan The document provides a comprehensive overview of AngularJS, including its features, best practices, and optimization tips for both AngularJS 1.x and 2.0. It discusses modularity, dependency injection, directives, two-way binding, and various performance enhancements. Additionally, it covers usage guidelines for controllers, services, and scopes, as well as recommendations for improving efficiency in web applications built with AngularJS.
Behavior Driven Web UI Automation with Selenium and Cucumber/SpecFlow (BDDx L...
Behavior Driven Web UI Automation with Selenium and Cucumber/SpecFlow (BDDx L...Gáspár Nagy The document discusses behavior-driven development (BDD) for web UI automation using Selenium and Cucumber/SpecFlow, highlighting the challenges and solutions for effective testing. Key concepts include the importance of clearly defined purpose, the use of page objects to reduce code duplication, and the necessity of defining appropriate waiting strategies for UI interactions. Best practices for locator strategies and maintaining test reliability in changing environments are also emphasized.
Why angular js Framework
Why angular js Framework Sakthi Bro The document provides an overview of AngularJS, an advanced JavaScript framework founded by Misco Hevery, emphasizing its advantages such as reduced coding time and improved user interface design. It outlines the basic structure of an AngularJS application, including elements like controllers and the use of $scope. The document also highlights features like single-page applications (SPAs), various Angular services, and dependency injection.
How angularjs saves rails
How angularjs saves railsMichael He This document discusses how using AngularJS with Ruby on Rails can save Rails developers time and effort. It provides reasons for using AngularJS like its large ecosystem and popularity. It describes the author's experience migrating projects to use AngularJS fully for frontend rendering instead of Rails views. This separation of concerns relieves backend developers and allows frontend developers more control. It also improves performance. Challenges like SEO, learning curve, and version changes are noted. Tips for integrating AngularJS and Rails like API documentation, testing, and caching tools are provided.
Bdd with Cucumber and Mocha
Bdd with Cucumber and MochaAtish Narlawar The document discusses Behavior Driven Development (BDD) and its implementation. It covers BDD topics like the Agile Manifesto, acceptance criteria, Cucumber framework, automation tools like Selenium. It also provides examples of feature files and step definitions in Cucumber. The document advocates that BDD helps align stakeholders, provides executable specifications, and finds defects early through automated tests.
Cucumber & gherkin language
Cucumber & gherkin languageselvanathankapilan Cucumber is a tool that allows software programmers to write automated tests for acceptance testing in a business-readable domain-specific language called Gherkin. Cucumber tests are written using a behavior-driven development (BDD) style with Given, When, Then steps. Cucumber supports testing applications developed in various programming languages and runs across different platforms and browsers.
Galenframework
GalenframeworkDeepshikha Singh The Galen Framework is an open-source tool for layout, responsive design, and cross-browser testing, making it easy to write and install with robust error reporting features. It employs a specification language for defining UI layouts and integrates with Selenium for element interactions. Key capabilities include the ability to group test specifications, report generation, and support for testing on various devices through parameterization and integration with tools like Appium and Selenium Grid.
Galen
GalenFrence Babatuan The Greek physician was born in 129 AD in Bergama, Turkey and died around 216 AD in Bergama, Turkey. He made important contributions to anatomy through his dissections and observations of animals, though sometimes mistook animal anatomy for human. He was the first to describe muscles working in pairs and note differences between arteries and veins. He influenced medicine as the dominant authority for over 1,000 years through his theories of vital energy and faculties in the body.
Advanced Appium: SeleniumConf UK 2016
Advanced Appium: SeleniumConf UK 2016Dan Cuellar The document summarizes the Selenium Conference 2016 in London. Dan Cuellar, creator of Appium, gave a presentation covering updates to Appium 1.6 including support for Mac, Windows, and multiple devices. Appium is an open source test automation framework that controls native and hybrid mobile apps. It allows testing apps on iOS and Android using various programming languages.
Automating the responsive website testing
Automating the responsive website testingBirudugadda Pranathi The document discusses the automation of responsive website testing, emphasizing the importance of responsive web design and how it can be achieved through flexible layouts, media queries, and relative units. It highlights the challenges of testing across multiple devices and introduces the Galen framework as a solution, which uses Selenium for interactions and allows for human-readable specification files. Key features of Galen include error reporting and image comparison, with additional resources provided for implementation.
More Related Content
What's hot (18)
Introduction To Web Application Testing
Introduction To Web Application TestingYnon Perek The document discusses web application testing, highlighting challenges such as diverse browsers and devices, and advocating for automated testing to enhance feedback and reduce errors. It covers various testing types including unit tests and system tests, along with recommended tools and frameworks like Selenium and Mocha. The document emphasizes the importance of continuous integration, code coverage, and balancing different types of tests for effective software development.
5 x HTML5 worth using in APEX (5)
5 x HTML5 worth using in APEX (5)Christian Rokitta The document provides an overview of HTML5 features including new elements, APIs, and tags. It discusses several new HTML5 elements and APIs such as <dialog>, <output>, drag and drop, geolocation, and server-sent events. It provides examples and explanations of how to use these new features. It also discusses the history and standardization process of HTML5 and compares it to other technologies like WebSockets.
Catalog display
Catalog displayJason Noble The document discusses setting up a basic online store application in Rails. It covers generating a Store controller, routing requests to the store index action, displaying a list of products from the database, adding styles with CSS, using Rails helpers like number_to_currency to format prices, and writing functional tests for the controller. Homework includes adding a date to the sidebar, experimenting with number formatting options, and writing tests for the products controller.
Better Page Object Handling with Loadable Component Pattern
Better Page Object Handling with Loadable Component PatternSargis Sargsyan This document discusses using the Loadable Component pattern to improve page object handling in Selenium tests. It introduces the LoadableComponent and SlowLoadableComponent classes, which are designed to make page objects less brittle by ensuring pages are fully loaded before interacting with elements. This approach reduces boilerplate code and makes tests easier to maintain. The document also covers common failures like brittle tests, not building a framework properly, and not using explicit waits, as well as tips for continuous integration of automated tests.
Angular Classy
Angular ClassyDave Jeffery This document summarizes Angular Classy, a library that adds structure and organization to Angular controllers. It discusses how Classy controllers can be cleaner and more maintainable than vanilla Angular controllers. Key features of Classy covered include declaring controllers as classes, simplified $watch syntax, reverse referencing controllers by element ID, and upcoming features like computed properties and plugins.
Behavior Driven Development with Cucumber
Behavior Driven Development with CucumberBrandon Keepers This document discusses Behavior Driven Development (BDD) with Cucumber. It provides an example feature file for adding movies to a Netflix queue. It then demonstrates how to install and use Cucumber, including defining step definitions and integrating it with Rails. The document concludes that Cucumber allows specifying and testing software behavior through plain language examples.
*Webinar* Learn from the Experts: How to Boost Test Coverage with Automated V...
*Webinar* Learn from the Experts: How to Boost Test Coverage with Automated V...Applitools The document outlines a Java application using Selenium and Applitools for visual testing on a web page at TechWell. It includes code for opening a Chrome browser, navigating to a specific URL, conducting visual checks, and handling exceptions related to test failures. The document also mentions various tools and libraries for enhancing test coverage through visual testing.
Selenium (2)
Selenium (2)onlinemindq The document discusses Selenium, a tool for automated testing of web applications, highlighting its features, commands, and the Robot Framework integration. It emphasizes the importance of acceptance testing and provides guidance on writing effective tests, including the use of various commands and assertions. Additionally, it addresses best practices, such as modifying HTML for easier testing and limitations of the Selenium IDE.
Selenide Alternative in Practice - Implementation & Lessons learned [Selenium...
Selenide Alternative in Practice - Implementation & Lessons learned [Selenium...Iakiv Kramarenko This document describes an alternative to the Selenide web test automation tool called Selenide Alternative. It discusses lessons learned from implementing the alternative tool, including using a more concise API, implicit waits, assertion waits, and handling dynamic elements. The alternative aims to improve on Selenide by using object-oriented programming, modular design, and lazy proxy elements to dynamically find and wait for elements.
CUCUMBER - Making BDD Fun
CUCUMBER - Making BDD FunSQABD Cucumber is a tool that supports behavior-driven development (BDD). It allows non-technical users to describe features of a software application in plain English in feature files. Developers then write automated tests in a step definition file to make the scenarios in the feature files pass. The key steps are: 1) write scenarios in a feature file, 2) see the scenarios fail when run, 3) write step definitions to satisfy each scenario with code, 4) rerun and see the scenarios pass as the behaviors are implemented.
App engine beats pony.key
App engine beats pony.keyAlper Çugun This document compares and contrasts Django and Google App Engine. It notes that Django is better suited for content-heavy applications while App Engine is designed for scalability and real-time applications. While App Engine has some limitations around queries and normalization, it also has advantages like built-in services for memcache, email, XMPP, and task queues. The document recommends following best practices like using indexes and memcache when using App Engine.
JS Frameworks - Angular Vs Backbone
JS Frameworks - Angular Vs BackboneGourav Jain, MCTS® This document compares the JavaScript frameworks AngularJS and BackboneJS. It discusses their key features including dependencies, data binding, routing, views, testing, data handling, community support, third party integration, and development tools. Overall, it finds that AngularJS has more robust features out of the box like data binding and testing support, but BackboneJS is very flexible and works well with other libraries.
AngularJS Best Practices
AngularJS Best PracticesNarek Mamikonyan The document provides a comprehensive overview of AngularJS, including its features, best practices, and optimization tips for both AngularJS 1.x and 2.0. It discusses modularity, dependency injection, directives, two-way binding, and various performance enhancements. Additionally, it covers usage guidelines for controllers, services, and scopes, as well as recommendations for improving efficiency in web applications built with AngularJS.
Behavior Driven Web UI Automation with Selenium and Cucumber/SpecFlow (BDDx L...
Behavior Driven Web UI Automation with Selenium and Cucumber/SpecFlow (BDDx L...Gáspár Nagy The document discusses behavior-driven development (BDD) for web UI automation using Selenium and Cucumber/SpecFlow, highlighting the challenges and solutions for effective testing. Key concepts include the importance of clearly defined purpose, the use of page objects to reduce code duplication, and the necessity of defining appropriate waiting strategies for UI interactions. Best practices for locator strategies and maintaining test reliability in changing environments are also emphasized.
Why angular js Framework
Why angular js Framework Sakthi Bro The document provides an overview of AngularJS, an advanced JavaScript framework founded by Misco Hevery, emphasizing its advantages such as reduced coding time and improved user interface design. It outlines the basic structure of an AngularJS application, including elements like controllers and the use of $scope. The document also highlights features like single-page applications (SPAs), various Angular services, and dependency injection.
How angularjs saves rails
How angularjs saves railsMichael He This document discusses how using AngularJS with Ruby on Rails can save Rails developers time and effort. It provides reasons for using AngularJS like its large ecosystem and popularity. It describes the author's experience migrating projects to use AngularJS fully for frontend rendering instead of Rails views. This separation of concerns relieves backend developers and allows frontend developers more control. It also improves performance. Challenges like SEO, learning curve, and version changes are noted. Tips for integrating AngularJS and Rails like API documentation, testing, and caching tools are provided.
Bdd with Cucumber and Mocha
Bdd with Cucumber and MochaAtish Narlawar The document discusses Behavior Driven Development (BDD) and its implementation. It covers BDD topics like the Agile Manifesto, acceptance criteria, Cucumber framework, automation tools like Selenium. It also provides examples of feature files and step definitions in Cucumber. The document advocates that BDD helps align stakeholders, provides executable specifications, and finds defects early through automated tests.
Cucumber & gherkin language
Cucumber & gherkin languageselvanathankapilan Cucumber is a tool that allows software programmers to write automated tests for acceptance testing in a business-readable domain-specific language called Gherkin. Cucumber tests are written using a behavior-driven development (BDD) style with Given, When, Then steps. Cucumber supports testing applications developed in various programming languages and runs across different platforms and browsers.
Viewers also liked (9)
Galenframework
GalenframeworkDeepshikha Singh The Galen Framework is an open-source tool for layout, responsive design, and cross-browser testing, making it easy to write and install with robust error reporting features. It employs a specification language for defining UI layouts and integrates with Selenium for element interactions. Key capabilities include the ability to group test specifications, report generation, and support for testing on various devices through parameterization and integration with tools like Appium and Selenium Grid.
Galen
GalenFrence Babatuan The Greek physician was born in 129 AD in Bergama, Turkey and died around 216 AD in Bergama, Turkey. He made important contributions to anatomy through his dissections and observations of animals, though sometimes mistook animal anatomy for human. He was the first to describe muscles working in pairs and note differences between arteries and veins. He influenced medicine as the dominant authority for over 1,000 years through his theories of vital energy and faculties in the body.
Advanced Appium: SeleniumConf UK 2016
Advanced Appium: SeleniumConf UK 2016Dan Cuellar The document summarizes the Selenium Conference 2016 in London. Dan Cuellar, creator of Appium, gave a presentation covering updates to Appium 1.6 including support for Mac, Windows, and multiple devices. Appium is an open source test automation framework that controls native and hybrid mobile apps. It allows testing apps on iOS and Android using various programming languages.
Automating the responsive website testing
Automating the responsive website testingBirudugadda Pranathi The document discusses the automation of responsive website testing, emphasizing the importance of responsive web design and how it can be achieved through flexible layouts, media queries, and relative units. It highlights the challenges of testing across multiple devices and introduces the Galen framework as a solution, which uses Selenium for interactions and allows for human-readable specification files. Key features of Galen include error reporting and image comparison, with additional resources provided for implementation.
Testing responsive web design pdf
Testing responsive web design pdfcrilusi This document discusses testing responsive web design. It emphasizes defining breakpoints for layout adaptations on different screen sizes and ensuring content remains visible and readable. Modules should change position fluidly without visual locks. Tests include resizing screens, rotating devices, and checking content alignment, text size limits, and carousels on touch. Edge cases like particular tablets require separate desktop and developed versions. Support for browsers and operating systems needs defining. Documentation should outline each module's adaptation rules. Overall, the focus is on a fluid system and testing on real devices.
Testing Responsive Webdesign
Testing Responsive WebdesignSven Wolfermann The document discusses various tools and techniques for testing responsive web design, highlighting the importance of testing during the design and development phases. It covers services like BrowserStack and emulators for real device testing, as well as debugging tools for different browsers and platforms. Additionally, it emphasizes the need for effective performance testing and considerations for budget in testing workflows.
Cross browser testing using BrowserStack
Cross browser testing using BrowserStack RapidValue This document discusses cross browser testing using BrowserStack. BrowserStack allows testing websites across 700+ desktop and mobile browsers without maintaining actual devices. It offers virtualization for different operating systems and browsers. Users can set capabilities like OS, browser, version, and screen resolution. BrowserStack supports automated testing using Selenium and provides screenshots and responsive testing features.
Responsive Web Design testing using Galen Framework
Responsive Web Design testing using Galen FrameworkBirudugadda Pranathi The document provides an overview of responsive web design testing. It discusses how responsive web design works through flexible grids, relative sizing, and media queries. It outlines things to keep in mind when testing such as selecting devices, handling frequent changes, and challenges with emulators. The document then introduces the Galen framework for responsive web design testing. It describes how Galen works by defining devices and layout specs, and opening browsers to specified dimensions to verify specs. Key aspects of the Galen spec language are outlined such as object definition, tagging, positions, alignment, and comparing CSS properties and images. Finally, the document advertises a question and answer period.
A Complete Guide to Testing Responsive Websites
A Complete Guide to Testing Responsive WebsitesPerfecto by Perforce This guide provides practical lessons on developing, testing, and maintaining responsive websites (RWD) to enhance user experiences and streamline software development. It highlights the importance of adapting to user contexts, testing performance across various platforms, and incorporating real user conditions in testing. Successful RWD implementation requires a comprehensive test plan that utilizes analytics for ongoing coverage and a continuous quality strategy.
Ad
Similar to Automated layout testing using Galen Framework (6)
Galenframework
GalenframeworkDeepshikha Singh The Galen Framework provides responsive design testing and layout testing capabilities. It uses a specification language to describe page layouts and allows testing across browsers. Key features include open source availability, easy installation, error reporting with screenshots, and support for multiple browsers. While code maintenance can be costly with many UI changes, it provides an easy way to write and read tests.
[Srijan Wednesday Webinars] Automating Visual Regression using ‘Galen’
[Srijan Wednesday Webinars] Automating Visual Regression using ‘Galen’Srijan Technologies The document discusses automating visual regression testing using the Galen framework, which helps reduce manual efforts and validate layouts across different devices and browsers. It outlines the capabilities, pros and cons, installation requirements, and how to get started with Galen, including syntax and reporting methods. The document also provides references and links for tutorials and documentation related to Galen framework.
Layout testing with galen framework
Layout testing with galen frameworkCan YILDIRIM 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.
Responsive testing
Responsive testingDevi Sridharan This document discusses responsive web design testing challenges and introduces the Galen framework as a solution. It provides an overview of how Galen works by launching a browser, resizing it, and testing the layout. It also covers Galen installation, file structure, spec language, and basic commands. Benefits of Galen include early defect identification, developer test contribution, detailed reports, and reduced testing time. A demo is provided and questions are welcomed.
Rare frontend testing
Rare frontend testingАндрей Вандакуров The document discusses various frontend testing methods including API tests, load tests, and layout tests, emphasizing tools like Postman and the Galen framework. It outlines testing techniques using scripts and environments for effective API management, along with automated layout testing for responsive design. Helpful links and resources are provided for deeper understanding and implementation of these testing strategies.
Using galen framework for automated cross browser layout testing
Using galen framework for automated cross browser layout testingSarah Elson The document provides a comprehensive guide on using the Galen Framework for automated cross-browser layout testing, including setup instructions for Java, IntelliJ, and Maven. It explains the importance of creating specification files, implementing scripts, and generating reports for testing website responsiveness across various devices. The tutorial also offers troubleshooting tips to address common errors during the setup process.
Ad
More from Sperasoft (20)
особенности работы с Locomotion в Unreal Engine 4
особенности работы с Locomotion в Unreal Engine 4Sperasoft Документ рассматривает особенности работы с locomotion-анимацией в Unreal Engine 4, включая разницу между классической анимацией и анимацией с использованием root-motion. Обсуждаются плюсы и минусы каждого метода, такие как отзывчивость управления и реалистичность анимаций. В конце упоминаются аспекты взаимодействия анимации с физикой в UE4.
концепт и архитектура геймплея в Creach: The Depleted World
концепт и архитектура геймплея в Creach: The Depleted WorldSperasoft Документ описывает концепцию и архитектуру геймплея для игры Creach: The Depleted World, включая особенности механики передвижения, боевой системы и ИИ. Основное внимание уделяется разработке платформенного и мультиплеерного опыта с использованием системы перекрестков и анимацией персонажей. Также рассматриваются различные типы атак, управление состояниями ИИ и конфигурация игровых объектов и их свойств.
Опыт разработки VR игры для UE4
Опыт разработки VR игры для UE4Sperasoft Документ описывает опыт разработки VR-игры 'High Noon: VR Shooting Game' на движке UE4, включая детали механик, уровней, взаимодействий и оптимизации. Он затрагивает разнообразные аспекты, такие как UX-дизайн, использование инструментов UE4 и методы оптимизации для достижения высококачественного визуального опыта. Также упоминаются особенности AI врагов, достижения и новые форматы взаимодействия в VR.
Организация работы с UE4 в команде до 20 человек
Организация работы с UE4 в команде до 20 человек Sperasoft Документ описывает организацию работы в команде из до 20 человек с использованием UE4 и Visual Studio, включая инструменты как Trello, GitLab и TeamCity. Он охватывает роли участников, управление проектом, интеграцию контента, контроль версий и циклы разработки. Основное внимание уделяется правильной организации папок, обучению, рефакторингу и созданию функциональных фич.
Gameplay Tags
Gameplay TagsSperasoft Документ описывает возможности работы с тегами в игровом процессе, включая типы урона и сопротивления, а также задания и достижения. Также упоминаются различные системы и классы, связанные с тегами в Unreal Engine 4. Документ акцентирует внимание на оптимизации и избегании лишних преобразований (cast'ов) при работе с тегами.
Data Driven Gameplay in UE4
Data Driven Gameplay in UE4Sperasoft Документ описывает концепцию data-driven геймплея в Unreal Engine 4, предоставляя теоретические основы, преимущества и примеры применения. Автор, Андрей Дьяков, делится своим опытом в разработке игр и объясняет значимость организации данных через компоненты и наследование. В тексте также обсуждаются типы данных и способы их работы, включая таблицы данных и активы данных в UE4.
Code and Memory Optimisation Tricks
Code and Memory Optimisation Tricks Sperasoft This document discusses code and memory optimization techniques for software engineers developing AAA game titles. It begins with an introduction to the speaker and provides an overview of hardware architecture including CPU registers, caches, and memory access times. The bulk of the document focuses on optimizing for data caches through techniques like improving data layout, prefetching, and utilizing cache lines efficiently. It also discusses optimizing branches through removing branches, computing both paths, and splitting data to avoid branches. Resources for further reading are provided.
The theory of relational databases
The theory of relational databasesSperasoft The document discusses key concepts in relational database models including:
- Data is stored in tables called relations with rows and columns where rows represent records and columns represent attributes.
- Relations can be normalized to eliminate redundant data and optimize storage.
- Database normalization involves organizing data into tables through a multi-step process to remove anomalies.
- SQL is a programming language used to interact with relational databases through operations like joins, transactions, and indexing/hashing techniques.
Sperasoft talks: Android Security Threats
Sperasoft talks: Android Security ThreatsSperasoft The document discusses various security threats related to Android applications. It begins by introducing the OWASP Mobile Top 10 risks framework for categorizing common mobile vulnerabilities. It then provides more details on each of the top 10 risk categories, including examples, impacts, and tips for prevention. It also discusses techniques for protecting Android apps from reverse engineering and tampering, such as code obfuscation, anti-debugging, and license verification.
Sperasoft Talks: RxJava Functional Reactive Programming on Android
Sperasoft Talks: RxJava Functional Reactive Programming on AndroidSperasoft RxJava is a library for composing asynchronous and event-based programs by using observable sequences. It provides APIs for asynchronous programming using observable streams and the observer pattern to allow publishing and subscribing to multiple streams of events. Some key features include transformations on observable streams, combining multiple observables, filtering streams, and handling asynchronous operations without callbacks using reactive extensions. The document provides examples of creating observables from various sources, transforming streams through mapping and filtering, and combining multiple observables. It also discusses subjects, schedulers, and how RxJava can help eliminate AsyncTasks for asynchronous operations on Android.
Sperasoft talks j point 2015
Sperasoft talks j point 2015Sperasoft This document provides an overview and agenda for the JPoint 2015 conference. It includes summaries of sessions on memory leaks profiling basics, notes about the Java String class, defining and measuring technical debt, how regular expressions work under the hood, and using memory dumps and analysis tools to find memory leaks. The agenda outlines sessions on memory regions, garbage collection, identifying memory leaks through examples, JVM options for logs and dumps, String class internals, technical debt concepts, and regular expression matching algorithms.
Effective Мeetings
Effective МeetingsSperasoft This document provides guidance on how to make meetings effective. It discusses preparing for meetings by defining goals, inviting the right participants, and sending agendas in advance. It recommends best practices during meetings, such as arriving on time, following the agenda, and sticking to time limits. Follow-up is also important, such as sending meeting minutes, tracking action items, and monitoring progress. Regular status meetings should review what was accomplished, next steps, and any issues in a short 15 minute stand-up format.
Unreal Engine 4 Introduction
Unreal Engine 4 IntroductionSperasoft This document provides an overview of Unreal Engine 4 (UE4) and summarizes its features for game and app development. It covers UE4 project setup, game logic creation tools like Blueprints that improved on UE3 tools, a new UI system called Slate, automation testing capabilities, physically based materials, mobile development support across platforms, performance optimization techniques, and content creation guidelines.
JIRA Development
JIRA DevelopmentSperasoft JIRA is a bug tracking and issue tracking tool that allows users to manage issues, workflows, users and security. It also has a powerful plugin system that allows for customization. The document discusses building custom plugins and modules for JIRA, including different plugin module types. It also covers challenges like migrating configurations between environments and building custom data models and fields in JIRA.
Introduction to Elasticsearch
Introduction to ElasticsearchSperasoft The document provides an overview of Elasticsearch including that it is easy to install, horizontally scalable, and highly available. It discusses Elasticsearch's core search capabilities using Lucene and how data can be stored and retrieved. The document also covers Elasticsearch's distributed nature, plugins, scripts, custom analyzers, and other features like aggregations, filtering and sorting.
MOBILE DEVELOPMENT with HTML, CSS and JS
MOBILE DEVELOPMENT with HTML, CSS and JSSperasoft This document discusses mobile development using HTML, CSS, and JS. It covers developing for mobile by using web technologies that allow working offline, though early attempts were difficult. Frameworks like Ionic, Bootstrap, and libraries like jQuery UI, AngularJS, and EmberJS help build mobile apps with touches, swipes and bars as the UI. Containers like Apache Cordova allow building native mobile apps with full browser capabilities and offline access. The document compares PhoneGap to Cordova and covers debugging Android, iOS, and Windows Phone mobile apps.
Quick Intro Into Kanban
Quick Intro Into KanbanSperasoft Kanban is an agile method that uses a visual board with columns to manage work in progress. It focuses on limiting work-in-progress instead of having sprints or deadlines. Kanban can be better than Scrum for small teams, startups, or when tasks are variable since it allows for faster feature deployment without fixed timeboxes and less process overhead. The key aspects of Kanban include a customizable board with columns, optional constraints on work-in-progress per column, and an optional expedite row to prioritize certain tasks.
ECMAScript 6 Review
ECMAScript 6 ReviewSperasoft The document provides an overview of ECMAScript 6 (ES6) features, including new syntax such as 'let', 'const', arrow functions, default parameters, destructuring assignments, and template literals. It also discusses new data structures like Map, Set, and WeakMap, along with concepts like iterators and generators. Furthermore, the document highlights enhancements in classes and modules, emphasizing the advantages of the ES6 module system.
Console Development in 15 minutes
Console Development in 15 minutesSperasoft Sperasoft is a game development company specializing in console development. This document provides tips for console development including considerations for different hardware platforms, using development kits to debug platform-specific issues, optimizing for limited memory and performance, following development processes, and addressing technical requirements checklists.
Database Indexes
Database IndexesSperasoft The document discusses indexes in relational database management systems (RDBMS). It explains that RDBMS store data in tree structures, with tables themselves being clustered indexes. Indexes allow faster searching by storing a copy of selected table data organized by key values. A clustered index physically stores data rows in order of the index keys, while a non-clustered index contains keys and pointers to the actual data rows in the clustered index. The document provides examples of how different types of indexes are constructed and used to satisfy database queries.
Recently uploaded (20)
ENERGY CONSUMPTION CALCULATION IN ENERGY-EFFICIENT AIR CONDITIONER.pdf
ENERGY CONSUMPTION CALCULATION IN ENERGY-EFFICIENT AIR CONDITIONER.pdfMuhammad Rizwan Akram DC Inverter Air Conditioners are revolutionizing the cooling industry by delivering affordable,
energy-efficient, and environmentally sustainable climate control solutions. Unlike conventional
fixed-speed air conditioners, DC inverter systems operate with variable-speed compressors that
modulate cooling output based on demand, significantly reducing energy consumption and
extending the lifespan of the appliance.
These systems are critical in reducing electricity usage, lowering greenhouse gas emissions, and
promoting eco-friendly technologies in residential and commercial sectors. With advancements in
compressor control, refrigerant efficiency, and smart energy management, DC inverter air conditioners
have become a benchmark in sustainable climate control solutions
Kubernetes Security Act Now Before It’s Too Late
Kubernetes Security Act Now Before It’s Too LateMichael Furman In today's cloud-native landscape, Kubernetes has become the de facto standard for orchestrating containerized applications, but its inherent complexity introduces unique security challenges. Are you one YAML away from disaster?
This presentation, "Kubernetes Security: Act Now Before It’s Too Late," is your essential guide to understanding and mitigating the critical security risks within your Kubernetes environments. This presentation dives deep into the OWASP Kubernetes Top Ten, providing actionable insights to harden your clusters.
We will cover:
The fundamental architecture of Kubernetes and why its security is paramount.
In-depth strategies for protecting your Kubernetes Control Plane, including kube-apiserver and etcd.
Crucial best practices for securing your workloads and nodes, covering topics like privileged containers, root filesystem security, and the essential role of Pod Security Admission.
Don't wait for a breach. Learn how to identify, prevent, and respond to Kubernetes security threats effectively.
It's time to act now before it's too late!
AudGram Review: Build Visually Appealing, AI-Enhanced Audiograms to Engage Yo...
AudGram Review: Build Visually Appealing, AI-Enhanced Audiograms to Engage Yo...SOFTTECHHUB AudGram changes everything by bridging the gap between your audio content and the visual engagement your audience craves. This cloud-based platform transforms your existing audio into scroll-stopping visual content that performs across all social media platforms.
PyData - Graph Theory for Multi-Agent Integration
PyData - Graph Theory for Multi-Agent Integrationbarqawicloud Graph theory is a well-known concept for algorithms and can be used to orchestrate the building of multi-model pipelines. By translating tasks and dependencies into a Directed Acyclic Graph, we can orchestrate diverse AI models, including NLP, vision, and recommendation capabilities. This tutorial provides a step-by-step approach to designing graph-based AI model pipelines, focusing on clinical use cases from the field.
Agentic AI: Beyond the Buzz- LangGraph Studio V2
Agentic AI: Beyond the Buzz- LangGraph Studio V2Shashikant Jagtap Presentation given at the LangChain community meetup London
https://lu.ma/9d5fntgj
Coveres
Agentic AI: Beyond the Buzz
Introduction to AI Agent and Agentic AI
Agent Use case and stats
Introduction to LangGraph
Build agent with LangGraph Studio V2
Introduction to Typescript - GDG On Campus EUE
Introduction to Typescript - GDG On Campus EUEGoogle Developer Group On Campus European Universities in Egypt Interested in leveling up your JavaScript skills? Join us for our Introduction to TypeScript workshop.
Learn how TypeScript can improve your code with dynamic typing, better tooling, and cleaner architecture. Whether you're a beginner or have some experience with JavaScript, this session will give you a solid foundation in TypeScript and how to integrate it into your projects.
Workshop content:
- What is TypeScript?
- What is the problem with JavaScript?
- Why TypeScript is the solution
- Coding demo
High Availability On-Premises FME Flow.pdf
High Availability On-Premises FME Flow.pdfSafe Software FME Flow is a highly robust tool for transforming data both automatically and by user-initiated workflows. At the Finnish telecommunications company Elisa, FME Flow serves processes and internal stakeholders that require 24/7 availability from underlying systems, while imposing limitations on the use of cloud based systems. In response to these business requirements, Elisa has implemented a high-availability on-premises setup of FME Flow, where all components of the system have been duplicated or clustered. The goal of the presentation is to provide insights into the architecture behind the high-availability functionality. The presentation will show in basic technical terms how the different parts of the system work together. Basic level understanding of IT technologies is required to understand the technical portion of the presentation, namely understanding the purpose of the following components: load balancer, FME Flow host nodes, FME Flow worker nodes, network file storage drives, databases, and external authentication services. The presentation will also outline our lessons learned from the high-availability project, both benefits and challenges to consider.
vertical-cnc-processing-centers-drillteq-v-200-en.pdf
vertical-cnc-processing-centers-drillteq-v-200-en.pdfAmirStern2 מכונות CNC קידוח אנכיות הן הבחירה הנכונה והטובה ביותר לקידוח ארונות וארגזים לייצור רהיטים. החלק נוסע לאורך ציר ה-x באמצעות ציר דיגיטלי מדויק, ותפוס ע"י צבת מכנית, כך שאין צורך לבצע setup (התאמות) לגדלים שונים של חלקים.
Down the Rabbit Hole – Solving 5 Training Roadblocks
Down the Rabbit Hole – Solving 5 Training RoadblocksRustici Software Feeling stuck in the Matrix of your training technologies? You’re not alone. Managing your training catalog, wrangling LMSs and delivering content across different tools and audiences can feel like dodging digital bullets. At some point, you hit a fork in the road: Keep patching things up as issues pop up… or follow the rabbit hole to the root of the problems.
Good news, we’ve already been down that rabbit hole. Peter Overton and Cameron Gray of Rustici Software are here to share what we found. In this webinar, we’ll break down 5 training roadblocks in delivery and management and show you how they’re easier to fix than you might think.
Reducing Conflicts and Increasing Safety Along the Cycling Networks of East-F...
Reducing Conflicts and Increasing Safety Along the Cycling Networks of East-F...Safe Software In partnership with the Belgian Province of East-Flanders this project aimed to reduce conflicts and increase safety along a cycling route between the cities of Oudenaarde and Ghent. To achieve this goal, the current cycling network data needed some extra key information, including: Speed limits for segments, Access restrictions for different users (pedestrians, cyclists, motor vehicles, etc.), Priority rules at intersections. Using a 360° camera and GPS mounted on a measuring bicycle, we collected images of traffic signs and ground markings along the cycling lanes building up mobile mapping data. Image recognition technologies identified the road signs, creating a dataset with their locations and codes. The data processing entailed three FME workspaces. These included identifying valid intersections with other networks (e.g., roads, railways), creating a topological network between segments and intersections and linking road signs to segments and intersections based on proximity and orientation. Additional features, such as speed zones, inheritance of speed and access to neighbouring segments were also implemented to further enhance the data. The final results were visualized in ArcGIS, enabling analysis for the end users. The project provided them with key insights, including statistics on accessible road segments, speed limits, and intersection priorities. These will make the cycling paths more safe and uniform, by reducing conflicts between users.
Oracle Cloud Infrastructure AI Foundations
Oracle Cloud Infrastructure AI FoundationsVICTOR MAESTRE RAMIREZ Oracle Cloud Infrastructure AI Foundations
Mastering AI Workflows with FME - Peak of Data & AI 2025
Mastering AI Workflows with FME - Peak of Data & AI 2025Safe Software Harness the full potential of AI with FME: From creating high-quality training data to optimizing models and utilizing results, FME supports every step of your AI workflow. Seamlessly integrate a wide range of models, including those for data enhancement, forecasting, image and object recognition, and large language models. Customize AI models to meet your exact needs with FME’s powerful tools for training, optimization, and seamless integration
Oracle Cloud and AI Specialization Program
Oracle Cloud and AI Specialization ProgramVICTOR MAESTRE RAMIREZ Oracle Cloud and AI Specialization Program
“Why It’s Critical to Have an Integrated Development Methodology for Edge AI,...
“Why It’s Critical to Have an Integrated Development Methodology for Edge AI,...Edge AI and Vision Alliance For the full video of this presentation, please visit: https://www.edge-ai-vision.com/2025/06/why-its-critical-to-have-an-integrated-development-methodology-for-edge-ai-a-presentation-from-lattice-semiconductor/
Sreepada Hegade, Director of ML Systems and Software at Lattice Semiconductor, presents the “Why It’s Critical to Have an Integrated Development Methodology for Edge AI” tutorial at the May 2025 Embedded Vision Summit.
The deployment of neural networks near sensors brings well-known advantages such as lower latency, privacy and reduced overall system cost—but also brings significant challenges that complicate development. These challenges can be addressed effectively by choosing the right solution and design methodology. The low-power FPGAs from Lattice are well poised to enable efficient edge implementation of models, while Lattice’s proven development methodology helps to mitigate the challenges and risks associated with edge model deployment.
In this presentation, Hegade explains the importance of an integrated framework that tightly consolidates different aspects of edge AI development, including training, quantization of networks for edge deployment, integration with sensors and inferencing. He also illustrates how Lattice’s simplified tool flow helps to achieve the best trade-off between power, performance and efficiency using low-power FPGAs for edge deployment of various AI workloads.
Analysis of the changes in the attitude of the news comments caused by knowin...
Analysis of the changes in the attitude of the news comments caused by knowin...Matsushita Laboratory Presentation slide at 12th Int. Conf. on Informatics, Electronics & Vision (ICIEV2025).
Oracle Cloud Infrastructure Generative AI Professional
Oracle Cloud Infrastructure Generative AI ProfessionalVICTOR MAESTRE RAMIREZ Oracle Cloud Infrastructure Generative AI Professional
FIDO Seminar: Authentication for a Billion Consumers - Amazon.pptx
FIDO Seminar: Authentication for a Billion Consumers - Amazon.pptxFIDO Alliance FIDO Seminar: Authentication for a Billion Consumers - Amazon
TrustArc Webinar - 2025 Global Privacy Survey
TrustArc Webinar - 2025 Global Privacy SurveyTrustArc How does your privacy program compare to your peers? What challenges are privacy teams tackling and prioritizing in 2025?
In the sixth annual Global Privacy Benchmarks Survey, we asked global privacy professionals and business executives to share their perspectives on privacy inside and outside their organizations. The annual report provides a 360-degree view of various industries' priorities, attitudes, and trends. See how organizational priorities and strategic approaches to data security and privacy are evolving around the globe.
This webinar features an expert panel discussion and data-driven insights to help you navigate the shifting privacy landscape. Whether you are a privacy officer, legal professional, compliance specialist, or security expert, this session will provide actionable takeaways to strengthen your privacy strategy.
This webinar will review:
- The emerging trends in data protection, compliance, and risk
- The top challenges for privacy leaders, practitioners, and organizations in 2025
- The impact of evolving regulations and the crossroads with new technology, like AI
Predictions for the future of privacy in 2025 and beyond
Viral>Wondershare Filmora 14.5.18.12900 Crack Free Download
Viral>Wondershare Filmora 14.5.18.12900 Crack Free DownloadPuppy jhon ➡ 🌍📱👉COPY & PASTE LINK👉👉👉 ➤ ➤➤ https://drfiles.net/
Wondershare Filmora Crack is a user-friendly video editing software designed for both beginners and experienced users.
Introduction to Typescript - GDG On Campus EUE
Introduction to Typescript - GDG On Campus EUEGoogle Developer Group On Campus European Universities in Egypt
“Why It’s Critical to Have an Integrated Development Methodology for Edge AI,...
“Why It’s Critical to Have an Integrated Development Methodology for Edge AI,...Edge AI and Vision Alliance
Analysis of the changes in the attitude of the news comments caused by knowin...
Analysis of the changes in the attitude of the news comments caused by knowin...Matsushita Laboratory
Automated layout testing using Galen Framework
- 1. Automated Layout Testing Using Galen Framework
- 2. Galen Framework 1. Galen framework offers a simple solution for testing page layout 2. It uses Selenium Web Driver for getting element’s position in browser. Galen receives element’s position, width and height. After that, Galen verifies elements relative to each other on the page. 3. It has flexible Java support 4. Galen has its own file format, with the help of which you can describe complex layout
- 3. Galen Framework & Java Support 1. Simplest usage of Galen framework is to extend GalenTestNgTestBase class 2. You can pass your own Selenium Web Driver instance to Galen.checkLayout() method 3. Galen can take screenshots of pages, which it verifies 4. Galen can export all test reports to html file for demonstrative results
- 4. Structure of GSPEC file Objects definition Groups definition Variables definition Declare section(s) Declare common tag ‘*’ Declare necessary tags Add web elements verifications Add comments, if needed
- 5. Structure of GSPEC file ‘@objects’ – keyword for locators definition. Each .gspec file should normally starts with this keyword. There are 3 available locators for describing web element on page: xpath, id and css. ‘= Main section =‘ - section definition. Sections are very useful for understanding the structure of gspec file. There are some callback methods in ValidationListener interface, which connected with section’s events. ‘@on’ – verification filter or tag. If some verifications have conditions, you can mark them with tag and pass it to Galen.checkLayout() method.
- 6. Structure of GSPEC file @objects # Common elements loginButton xpath //div[@id=‘login’] forgotPassword id uidForgotPasswordLink content css #content div # Desktop elements signInLink id signInLink = Main section = # @on tablet_portrait, mobile_landscape, desktop, @on * forgotPassword: inside content
- 7. Advanced objects definition You can define one or more web elements into a specific group, as shown below: @objects header css #header menu css #menu content css #content footer css #footer @groups skeleton_elements header, menu, content, footer = Skeleton = &skeleton_elements: inside screen 0px left right
- 8. Web elements verification. Ranges You can verify the width and height of element as follows: width 10 px | height 10 px width 50 to 100 px | height 50 to 100 px width > 30 px | height > 30 px width < 40 px | height < 40 px width ~ 10 px | height ~ 10 px Also, Galen can check relative values by using ‘%’ symbols: width 50 % of screen/width
- 9. Web elements verification. Common There are a lot of keywords for page layout verification, such as: ‘near’, ‘below’, ‘above’, ‘inside’, ‘aligned’, ‘text’, ‘contains’, ‘color-scheme’ and etc. textfield: right-of button 5 px above button 5 to 10 px near button 10px left near button 5px bottom left inside container aligned vertically left text ends “galen!" absent
- 10. Web elements verification. Variables Galen provides possibility to use common values for different specs @set commonHeaderMargin 10 to 20px contentMargin ~ 20px = Header = header_icon: inside header ${commonHeaderMargin} top left = Content = article-description: inside main ${contentMargin} left right
- 11. Web elements verification. Addition 1. You can also use loops for object groups (e.g. @forEach [&mainframe] as item) 2. You can also create your own verification functions and use them with ‘|’ symbol (e.g. @rule should be squared width 100% of ${objectName}/height) 3. You can also create your own JavaScript functions and use them as verification attribute 4. You can also declare conditional checks using JavaScript expressions (e.g. @if $(isVisible(“banner-1”)))
- 12. Galen Framework. HtmlBuilder Galen also provides possibility for saving validation results to external HTML file. GalenTestInfo test =GalenTestInfo.fromString("Login page on mobile device test"); test.getReport().layout(layoutReport, "check layout on mobile device"); tests.add(test); new HtmlReportBuilder().build(tests,"target/galen- html-reports");
- 14. Galen Framework Visit Sperasoft online: www.sperasoft.com www.facebook.com/Sperasoft www.twitter.com/Sperasoft