Responsive testing in Drupal - Drupal Developer Days

1 like710 views

The document discusses responsive testing in Drupal, emphasizing the importance of ensuring optimal viewing experiences across devices. It highlights the Galen framework, which tests web application layouts and provides a flexible language for defining object behaviors. Additionally, it encourages hands-on learning and collaboration during a workshop for improving testing practices.

Technology

Responsive testing in Drupal
Óscar Castaño Calle ♦ Alejandro Gómez Morón

Who are we?
● QA lead at @LaDrupalera by @Emergya.
● Devoted to processes of software quality:
improvement, delivery, deployment…
● A lover of @LaDrupalera.
@drupaldevdays #drupaldevdays

Who are we?
● QA & Tech lover (Selenium, Java, TypeScript,
Drupal, Ionic, AngularJS, Gulp…).
● QA leader at @LaDrupalera by @Emergya.
● QA Lecturer at @EPSUPO.
● @SevillaQA organizer.
● I am passionate about challenges and I hate
repeating processes!
@drupaldevdays #drupaldevdays

Roadmap
● What is Responsive Testing?
● What is Galen Framework?
● GSpecs language
● Do you want to improve your tests?
● Hands on!
@drupaldevdays #drupaldevdays

What is Responsive Testing?
● Responsive Web Design (RWD) is an approach to web design
aimed at crafting sites to provide an optimal viewing experience.
● So, Responsive Testing is ensuring everything looks and
works as it was designed.
@drupaldevdays #drupaldevdays

What is Galen Framework?
● It is a test framework which was originally introduced for testing
layout of web-applications in a real browser. Nowadays it
became a fully functional testing framework with rich reporting
and test management system.
@drupaldevdays #drupaldevdays

What is Galen Framework?
● It works in a following way:
a. Galen opens a page in browser (Selenium).
b. Resizes browser to specified size.
c. Tests the layout with Galen Specs.
@drupaldevdays #drupaldevdays

Galen Spec Language
● It is quite flexible and gives you the opportunity to express
exactly how you want your website to behave on different
devices. There are two main parts in page specs file: object
definitions and object specs.
@drupaldevdays #drupaldevdays

Galen Spec Language
● Object definition:
○ @objects section.
○ Represents an HTML element.
○ Can be selected by id, css and xpath.
@drupaldevdays #drupaldevdays

Galen Spec Language
@drupaldevdays #drupaldevdays

Galen Spec Language
● Object specs:
○ Behaviour of the @objects.
○ Possibility to customize it depending on the
screen type!
@drupaldevdays #drupaldevdays

Do you want to improve your tests?
● agomezmoron/galen-framework-handler
○ Some Galen Framework functionalities improved.
○ Set of devices defined (iPhone5, 6, Nexus, etc).
○ Configuration object (URLs, devices to test…)
@drupaldevdays #drupaldevdays

Tell me and I’ll listen.
Show me and I’ll watch.
Let me experience and I’ll learn.
Lao Tzu
@drupaldevdays #drupaldevdays
Ready?

Hands on!
@drupaldevdays #drupaldevdays
1. Check you have Internet connection
2. Look for a partner!
3. Make sure you will learn having fun!

Hands on!
@drupaldevdays #drupaldevdays
https://github.com/agomezmoron/DrupalDevDays-Responsive-Testing-Workshop
Repository

The document outlines a workshop focused on creating mobile applications using Drupal and Ionic 2, emphasizing hands-on learning experiences. Participants will learn about hybrid applications, Drupal's RESTful capabilities, and will build an app to view the DrupalDevDays schedule with additional features like event calendar integration and push notifications. The creators, experienced developers in frontend and QA fields, encourage collaboration and enjoyment during the learning process.

Docker, your best ally to migrate & upgrading your Drupal - Drupal Dev Days S...La Drupalera

QA on Drupal projects - Drupal Dev Days Seville 2017La Drupalera

The document outlines Alejandro Gomez's presentation on QA for Drupal projects at DrupalDevDays 2017. It discusses different approaches to QA, emphasizing that QA and development teams should work as a single unit throughout the entire process. It also provides instructions for assembling a QA program, covering unit testing, functional testing, and other test types. Finally, it discusses how QA can integrate with Git and continuous integration workflows using pull requests and code reviews.

Efficient, Error-Free Drupal Development with JS Build ToolsAcquia

Elevated Third is a Denver-based digital marketing agency specializing in efficient Drupal development utilizing JavaScript build tools. The document discusses the agency's journey through dependency management, transitioning from Ruby tools to a more automated and scalable JavaScript-based system with tools like Node, npm, and Gulp. The enhanced workflow aims to improve developer onboarding, optimize front-end assets, and maintain better organization for their projects.

Сергей Черебедов - Integration Drupal with NodeJS. What is it and why You nee...DrupalSib

Moving our company site to drupal 8: Break the Ice!Jorge Diaz

The document outlines the transition of a company site to Drupal 8, detailing the development process, project management methodologies, and team roles involved. It highlights the site's redesign for improved user experience and responsiveness, as well as strategies for content management and migration. Additionally, it describes tools and components used during the development lifecycle, emphasizing the importance of agile practices and a robust development environment.

CSS-in-JS in React: Why, current state, and bright future.Andrii Los

This document discusses CSS-in-JS and its advantages over traditional CSS. CSS-in-JS addresses many of CSS's limitations like being globally scoped, hard to reuse, and non-modular. It presents libraries like styled-components, emotion and glamorous that allow defining CSS rules using template literals or React inline styles. CSS-in-JS enables features like media queries, keyframes, pseudo-classes and nested selectors. It also offers benefits like isolation, theming support, and interoperability with existing CSS and third party components. While performance was initially a concern, libraries like emotion are now only slightly slower than regular CSS. The document recommends styled-components due to its large community, documentation

Drupal 8 Sitebuilding with Paragraphs, Display Suite & Config Management - Dr...Chandeep Singh Khosa

Introduction of CMS Technology to the People of Tanay, Rizal PhilippinesEleison Cruz

The document introduces Drupal, a free content management system (CMS) suitable for non-programmers to create websites with minimal coding experience. It contrasts traditional web development processes with the efficiency of using Drupal, emphasizing its rapid development capabilities and growing adoption by freelancers and startups. The author encourages learning essential programming tools and highlights the importance of perseverance in mastering Drupal.

CV UpdatedJuanDavidRamirezMend

This document contains Juan David Ramirez Mendoza's resume. It lists his personal details, skills, languages, education, experience, courses/certificates, and events. His skills include React Native, Android, HTML, JS, CSS, React, Angular, Java, SQL, and NoSQL. He has over 2 years of experience in software development and is currently a Senior Consultant at SmartSoft working on React Native mobile app development projects.

Best practices in pair programmingLucas Aquiles

This document provides a guide to best practices in pair programming. It defines pair programming as two people working together at a single computer to write code that will be deployed to production. It describes different styles of pair programming such as driver-navigator and mob programming. It also discusses remote pair programming and antipatterns to avoid like navigators giving low-level instructions or drivers not taking breaks. Finally, it outlines some lesser known benefits of pair programming like reducing distractions and regressions.

TDD with AngularJSLeena N

The document discusses the importance of Test Driven Development (TDD) using AngularJS, highlighting tools like Jasmine and Karma for implementation. It emphasizes the benefits of TDD in building quality software, maintaining focus, and measuring progress while also incorporating elements of fun in the process. Additionally, it mentions job opportunities and provides references for further reading.

Frontend Development vs Backend Development | Detailed ComparisonMariya James

The document discusses the roles and distinctions between frontend and backend developers, emphasizing their importance in web development. It details the tasks performed by each type of developer, the programming languages they use, and their respective frameworks. Ultimately, it concludes that both frontend and backend development are crucial for successful project execution and hiring both types of developers is recommended.

Agile Development: Key to smart software developmentJerlyn Manohar

The document discusses key aspects of adopting an agile development workflow including having daily stand up meetings to discuss progress, taking an iterative development approach with working software delivered each sprint, and conducting retrospectives at the end of each sprint to improve. Adopting agile practices helps ensure working software is delivered frequently for stakeholder feedback, allows skills and the product to evolve together, and prevents waste through continuous testing.

Joomla JLayout Roberto Segura

JLayout is Joomla's rendering library that helps make everything overridable and avoid duplicating code. It allows developers, integrators, and designers to render HTML, load JavaScript, and load CSS. JLayout calls can be instanced or use the helper, and layouts are hierarchical and overridable through template and component-specific layout directories. The JLayout system provides benefits like reusability, separation of data and design, and is a great tool for extensions.

JLayout for extension developersRoberto Segura

JLayout is Joomla's rendering system that allows for reusable and overridable layouts. It separates data and presentation, making layouts debuggable and extensible. JLayout is used throughout Joomla core to remove dependencies, customize markup, and follow best practices. Developers can use JLayout to render modules, plugins, component views, fields, and more, improving reusability and customization.

Iris fullstack developerJuli Boned

We are seeking a fullstack developer to join our growing team. The successful candidate will contribute to designing and developing three of the company's projects using JavaScript, PHP, SQL, and Oracle, following Scrum methodology. They will analyze and solve any issues that arise. The position offers an international, multicultural work environment, flexible hours, and opportunities for professional growth. Requirements include a computer engineering degree and experience with JavaScript frameworks, jQuery, HTML5, CSS3, PHP, object-oriented development, and databases.

Supporting SDKs in Seven Different Programming Languages While Maintaining Sa...SendGrid

The document discusses the challenges of supporting SDKs in seven programming languages while maintaining sanity. It describes the core client SDKs that handle billions of emails per month with languages like Python, PHP, C#, Ruby, Node.js, Java, and Go. It also addresses prioritizing and managing the large number of automated and manual tasks required like documentation, testing, contributions and community support across multiple platforms.

Building an automated css testing workflowKhyati Sehgal

(some) Drupal Theming by Ryan PriceRyan Price

Scrum introductionBa Thanh Huynh

Anti anti patternsNick Vanderhoven

This document discusses common software development anti-patterns, such as the 'big ball of mud', 'primitive obsession', and 'nih (not invented here)', emphasizing their avoidance and offering best practices for improving code quality, including using composition over inheritance and focusing on business value. It suggests a balanced approach to testing, advocating for adequate coverage without overcomplication, and encourages the use of frameworks like Spring to manage exceptions effectively. Overall, the text promotes practical strategies to enhance software design and development outcomes.

Android Hands On TrainingMd. Sadhan Sarker

The document provides an overview of Android, including its introduction, architecture, features, and versions, highlighting its open-source nature and customizable options. It also covers the framework architecture consisting of applications, middleware, and the Linux kernel, along with details about the internal execution process. The training includes a live project session and is associated with GDG Bangla.

Reactive extensions (rx js) in dnnjsheely83

Mikey Ariel - My personal tech-writing agile manifestoDevelcz

The document presents a personal agile manifesto for tech writing by Mikey Ariel, highlighting the importance of individuals, working software, customer collaboration, and adaptability in documentation practices. It discusses practical applications of agile methodologies, such as sprints and Kanban, while addressing common pitfalls and challenges in implementation. The author invites feedback and offers contact information, emphasizing their role as a senior technical writer at Red Hat.

Crowdlinker Engineering (year in review 2019)Ali Abbas

The document reflects on Crowdlinker's engineering achievements in 2019, highlighting their learning and adoption of new technologies, completion of internal and open-source projects, and contributions to the community. Key statistics include over 1,000 tickets addressed, 15 new tech stack additions, and 12 development meetings. Overall, it emphasizes the team's accomplishments and sets a positive outlook for 2020.

Java sutraNick Vanderhoven

The document contains a discussion between Nick Vanderhoven and Jeroen Horemans about Java development practices during a presentation. Key topics include the treatment of methods as first-class citizens, the importance of testing, strategies for maintaining agile velocity, and code obfuscation techniques to protect code integrity. The dialogue emphasizes practical advice for developers, especially those at the junior level.

Scaling Agile without frameworksJose Manuel Beas

This document discusses scaling agile without frameworks and focuses on the limits of teams, products, and dependencies. It makes the following key points: Focus and independence are limits to scaling. Too many products per team or teams per product lead to loss of focus and coordination challenges. Dependencies between teams introduce risks to integration. Dividing products into independent sub-products and using techniques like Scrum of Scrums can help improve communication at scale. Release trains can synchronize teams but may slow overall delivery. Automating integrations is also suggested. While frameworks like SAFe and Nexus are mentioned, the document emphasizes checking with the Agile Manifesto and discovering what the product is through techniques like Lean Startup before

Efficiently theming a multi-site Drupal 8 portal - Drupal Dev Days Seville 2017La Drupalera

The document discusses creating a single Drupal 8 theme for a multi-site installation, focusing on critical elements like branding, navigation, and overlapping content. It outlines technical requirements for custom CSS/JS, and emphasizes teamwork, efficient code management, and structured SASS usage to ensure consistency across different sites. Real-world examples are provided to illustrate the implementation and the need for site-specific styles within a coherent design framework.

Introducing the UI Patterns module: use atomic UI components everywhere in Dr...Nuvole

More Related Content

What's hot (20)

Introduction of CMS Technology to the People of Tanay, Rizal PhilippinesEleison Cruz

CV UpdatedJuanDavidRamirezMend

Best practices in pair programmingLucas Aquiles

TDD with AngularJSLeena N

Frontend Development vs Backend Development | Detailed ComparisonMariya James

Agile Development: Key to smart software developmentJerlyn Manohar

Joomla JLayout Roberto Segura

JLayout for extension developersRoberto Segura

Iris fullstack developerJuli Boned

Supporting SDKs in Seven Different Programming Languages While Maintaining Sa...SendGrid

Building an automated css testing workflowKhyati Sehgal

(some) Drupal Theming by Ryan PriceRyan Price

Scrum introductionBa Thanh Huynh

Anti anti patternsNick Vanderhoven

Android Hands On TrainingMd. Sadhan Sarker

Reactive extensions (rx js) in dnnjsheely83

Mikey Ariel - My personal tech-writing agile manifestoDevelcz

Crowdlinker Engineering (year in review 2019)Ali Abbas

Java sutraNick Vanderhoven

Scaling Agile without frameworksJose Manuel Beas

Introduction of CMS Technology to the People of Tanay, Rizal PhilippinesEleison Cruz

CV UpdatedJuanDavidRamirezMend

Best practices in pair programmingLucas Aquiles

TDD with AngularJSLeena N

Frontend Development vs Backend Development | Detailed ComparisonMariya James

Agile Development: Key to smart software developmentJerlyn Manohar

Joomla JLayout Roberto Segura

JLayout for extension developersRoberto Segura

Iris fullstack developerJuli Boned

Supporting SDKs in Seven Different Programming Languages While Maintaining Sa...SendGrid

Building an automated css testing workflowKhyati Sehgal

(some) Drupal Theming by Ryan PriceRyan Price

Scrum introductionBa Thanh Huynh

Anti anti patternsNick Vanderhoven

Android Hands On TrainingMd. Sadhan Sarker

Reactive extensions (rx js) in dnnjsheely83

Mikey Ariel - My personal tech-writing agile manifestoDevelcz

Crowdlinker Engineering (year in review 2019)Ali Abbas

Java sutraNick Vanderhoven

Scaling Agile without frameworksJose Manuel Beas

Viewers also liked (20)

Efficiently theming a multi-site Drupal 8 portal - Drupal Dev Days Seville 2017La Drupalera

Introducing the UI Patterns module: use atomic UI components everywhere in Dr...Nuvole

Advanced Configuration Management with Config Split et al.Nuvole

This document discusses advanced configuration management in Drupal 8, covering various aspects such as deployment, local configuration overrides, handling concurrent development, and using features for configuration packaging. It outlines procedures for exporting and importing configuration, managing production changes, and dealing with content dependencies. It also provides insights into configuration split and tools to facilitate configuration management across different environments.

XML Sitemap Drupal ModuleLa Drupalera

Drupal 8.3.0: the features are ready, are you?Gábor Hojtsy

This document discusses the release of Drupal 8.3.0 and provides information about its new features and timeline. Key points include: - Drupal 8.3.0 was released with new features like REST API improvements, developer API changes, and coding standard updates. - The release timeline for Drupal versions has decreased over time, with Drupal 8 aiming for a new major release every 6 months. - Site owners are advised to prepare for the 8.3.0 update, while module authors should check for string changes and experimental improvements can be tested to help with stabilization. - The presentation looks ahead to the goals for Drupal 8.4/8.5 and thanks attendees.

Desplegando código con Phing, PHPunit, Coder y JenkinsLa Drupalera

Esta guía proporciona un flujo para el despliegue y revisión de código desde un entorno local a uno remoto utilizando Jenkins y GitHub, enfocándose en la integración continua y la automatización de procesos. Se detalla la configuración de Jenkins y la implementación de plugins como Drupal Developer y Phing, además de la ejecución de pruebas y análisis de código para garantizar su calidad antes del despliegue. El documento también incluye pasos específicos para establecer conexiones y permisos necesarios en GitHub y Jenkins.

Contribuir en Drupal: Por dónde empiezo?Christian López Espínola

Multilenguaje en Drupal 8Christian López Espínola

Information is Powerzekivazquez

Ezequiel 'Zequi' Vázquez, a backend developer and security speaker, emphasizes the importance of transforming information into actionable data to improve performance and monitor various metrics. He discusses a wide range of metrics to track, including network, infrastructure, application, and system metrics, urging the need for efficient data management and analysis. Tools for metric monitoring and data collection are highlighted, alongside the goal of empowering sites through informed decision-making.

Gifford for MozConGreg Gifford

Making Sense of AnalyticsDana DiTomaso

The document discusses the importance of analytics in business decision-making, emphasizing the need for clear goals and realistic metrics. It outlines different social metrics such as share of voice, engagement, and amplification rates, and warns against the dangers of focusing solely on engagement without understanding its value. Additionally, it highlights the limitations of tools like Google Analytics and the challenges of tracking all interactions, especially in the context of dark social.

Content Marketing Ideas! How to Find the Best Stories to Tell Your CustomersTopRank Marketing

The document discusses content marketing strategies and frameworks. It emphasizes the importance of customer empathy and using customer insights to inform content creation. Specifically, it recommends mapping content topics to customer buying cycles and personas, focusing content on answering common customer questions. It also provides tips for generating content ideas from customer journeys, topic clusters targeting specific stages of the buying cycle, and leveraging different data sources. The overall message is that content should be highly relevant to customers by understanding their goals, pain points and situations.

Sleep Hacks: How to Sleep BetterScott Britton

The document presents practical sleep hacks curated by Scott Britton, emphasizing the importance of various factors such as diet, environment, breathing, and consistency in achieving better sleep. Strategies include limiting caffeine intake, creating a conducive sleeping environment, maintaining a consistent sleep schedule, and using smart alarms to optimize sleep cycles. Testimonials from individuals who have implemented these hacks highlight significant improvements in their sleep quality and overall well-being.

10 tips for learning RussianSteve Kaufmann

Imagenes cardiologíaped1Mony Fel

Drdevidrdeviservice

Regular Expression - Ngôn Ngữ Hình Thức && automatHoài Phạm

Presentacionde inglesMilagros Rondon

The document discusses different types of conditionals in English grammar: zero conditional, first conditional, second conditional, and third conditional. The zero conditional refers to situations that are always true. The first conditional refers to possible or probable present or future situations. The second conditional refers to unlikely or imaginary present or future situations. The third conditional refers to unlikely past situations.

3Com HIPER DSP T1/EIsavomir

Drama invesigaEstefany Ajila Jimenez

El plan de investigación propone discutir cómo influyen la bioética y el cinismo en la toma de decisiones humanas. Se realizará una investigación para analizar decisiones desde estas perspectivas y demostrarlo mediante una dramatización. Los objetivos son obtener información sobre bioética y cinismo, analizar decisiones desde estas bases, y representar su influencia en una obra. Se elaborará un marco teórico y agenda de trabajo para lograr los objetivos planteados.

Efficiently theming a multi-site Drupal 8 portal - Drupal Dev Days Seville 2017La Drupalera

Introducing the UI Patterns module: use atomic UI components everywhere in Dr...Nuvole

Advanced Configuration Management with Config Split et al.Nuvole

XML Sitemap Drupal ModuleLa Drupalera

Drupal 8.3.0: the features are ready, are you?Gábor Hojtsy

Desplegando código con Phing, PHPunit, Coder y JenkinsLa Drupalera

Contribuir en Drupal: Por dónde empiezo?Christian López Espínola

Multilenguaje en Drupal 8Christian López Espínola

Information is Powerzekivazquez

Gifford for MozConGreg Gifford

Making Sense of AnalyticsDana DiTomaso

Content Marketing Ideas! How to Find the Best Stories to Tell Your CustomersTopRank Marketing

Sleep Hacks: How to Sleep BetterScott Britton

10 tips for learning RussianSteve Kaufmann

Imagenes cardiologíaped1Mony Fel

Drdevidrdeviservice

Regular Expression - Ngôn Ngữ Hình Thức && automatHoài Phạm

Presentacionde inglesMilagros Rondon

3Com HIPER DSP T1/EIsavomir

Drama invesigaEstefany Ajila Jimenez

Similar to Responsive testing in Drupal - Drupal Developer Days (19)

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.

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.

[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.

Automating Responsiveness of your WebsitesBirudugadda Pranathi

This document discusses automating responsive website testing. It begins by defining responsive web design as designing and developing websites to respond to the user's behavior and environment based on screen size, platform and orientation. It then discusses how responsive design is achieved through techniques like a flexible grid, relative sizing, media queries and flexible images. The document outlines things to consider when testing responsive websites like checking different resolutions, important content visibility and text formatting. It introduces tools that can be used for responsive testing like Galen Framework, which defines layouts across devices using a spec file and verifies the layout by resizing browsers.

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.

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.

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.

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.

Responsive WebDesign Testing Using GalenvodQA

Visual Regression TestingVodqaBLR

Responsive Web Design Automation using GalenBharathan Kumaran

This document discusses responsive web design testing across different devices. It introduces responsive web design and the concept of viewports. It then discusses tools for testing responsive designs visually, including PhantomCSS, Galen, Wraith and Backstopjs. It focuses on Galen, an open source layout testing tool, describing its key features and how to define tests using Galen specs. Examples are provided of defining page objects, tags and test instructions in Galen specs. The document also shows how to parameterize and run Galen tests across different device sizes and tags.

2014 11 20 Drupal 7 -> 8 test migratiehcderaad

The document discusses testing strategies for migrating from Drupal 7 to Drupal 8. It introduces various testing tools that are well-suited for Drupal 8 like PHPUnit, Behat, and PhantomJS. It emphasizes the importance of acceptance testing and behavior driven development to test business value. The document also recommends writing modular object-oriented code, using autoloaders and Composer to more easily migrate code and testing between versions.

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.

DrupalCon Chicago 2011 ReportBack (11/03/30 - G. Bedford)DrupalCape

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.

Automated php unit testing in drupal 8Jay Friendly

The document discusses automated testing in Drupal 8, comparing it to manual testing and highlighting the benefits and challenges associated with automated tests. It covers the history of testing in Drupal, various types of automated tests (unit, kernel, functional, and JavaScript functional tests), and provides examples of each type. Additionally, it emphasizes the importance of writing tests alongside code for effective testing-driven development.

Automating Drupal Development with Patterns: introducing 7.x-2.xDavid Rozas

This document provides an overview and introduction to Patterns, a Drupal module for configuration management. Patterns allows developers to store Drupal configuration and settings in files instead of the database, and automate the deployment of configuration across environments. The document outlines new features in Patterns 7.x-2.x, including improved validation, automatic extraction of configuration, and a client/server module to share patterns between Drupal sites. Making a module "Patterns Ready" involves implementing hooks to declare supported actions and export settings. Future work includes improving integration with related modules and contributing to configuration management in Drupal 8.

Bridging the gap between business and technology - Behaviour Driven Developme...Eugenio Minardi

This document discusses Behavior Driven Development (BDD) with Drupal. BDD is an agile methodology that promotes communication and collaboration through writing scenarios that describe application behaviors. The scenarios are used to automate testing and provide documentation. BDD helps bridge communication gaps between business and technical teams. When using BDD with Drupal, tools like Behat and Mink allow writing tests in the Gherkin language that can test Drupal functionality and behaviors.

Get responsive with GalenThoughtworks

Responsive testingDevi Sridharan

[Srijan Wednesday Webinars] Automating Visual Regression using ‘Galen’Srijan Technologies

Automating Responsiveness of your WebsitesBirudugadda Pranathi

Galen Framework - Responsive Design AutomationVenkat Ramana Reddy Parine

GalenframeworkDeepshikha Singh

Responsive Web Design testing using Galen FrameworkBirudugadda Pranathi

Responsive WebDesign Testing Using GalenvodQA

Visual Regression TestingVodqaBLR

Responsive Web Design Automation using GalenBharathan Kumaran

2014 11 20 Drupal 7 -> 8 test migratiehcderaad

Automating the responsive website testingBirudugadda Pranathi

DrupalCon Chicago 2011 ReportBack (11/03/30 - G. Bedford)DrupalCape

Rare frontend testingАндрей Вандакуров

Automated php unit testing in drupal 8Jay Friendly

Automating Drupal Development with Patterns: introducing 7.x-2.xDavid Rozas

Bridging the gap between business and technology - Behaviour Driven Developme...Eugenio Minardi

More from La Drupalera (13)

QA en SEO: Amigos con derecho a roce - Drupalcamp 2019La Drupalera

La sesión aborda la importancia del QA y SEO en el desarrollo web, desmitificando conceptos erróneos sobre el SEO como meramente técnico o por palabras clave. Se presentan herramientas como Web Developer y Screaming Frog SEO Spider para optimizar procesos y mejorar la visibilidad en buscadores. Además, se enfatiza la necesidad de una estrategia SEO continua basada en la investigación y la monitorización para lograr un posicionamiento efectivo.

Consejos y trucos para cualificar una oportunidad DrupalLa Drupalera

El documento ofrece consejos sobre cómo cualificar oportunidades relacionadas con proyectos en Drupal, enfatizando la importancia de entender las necesidades del cliente y optimizar recursos. Se sugiere investigar a la empresa y sus contactos, montar un discurso adecuado y generar confianza a través de la honestidad. Además, se discute la necesidad de establecer expectativas claras en relación al presupuesto, alcance y tiempo del proyecto.

Designer vs Front-end - DrupalCampES 2018 AlicanteLa Drupalera

Este documento discute las desafíos comunes que enfrentan los diseñadores y desarrolladores front-end al trabajar juntos en proyectos, como falta de comunicación, expectativas irreales de tiempo, y funcionalidades demasiado complejas para el tiempo asignado. Reconoce la importancia de reuniones regulares del equipo, escuchar las necesidades del otro, y adoptar procesos y herramientas que optimicen el flujo de trabajo. Concluye que los equipos que se comunican de forma continua producen mejores resultados, y a veces menos puede ser más

¡Ojo al dato!: Cómo evitar microinfartos a la gente de marketing - DrupalCamp...La Drupalera

La charla aborda la importancia de la analítica online en proyectos de marketing, destacando herramientas como Google Analytics y Google Tag Manager. Se discuten problemas comunes en la implementación de estas herramientas y se ofrecen soluciones para evitar errores que podrían afectar la recopilación de datos. Además, se enfatiza la necesidad de una colaboración efectiva entre los equipos de desarrollo y marketing para una gestión óptima de la analítica.

PSD to HTML (Drupal) - Drupal Day Spain 2017 CáceresLa Drupalera

El documento presenta la charla de Nesta Guerrero sobre el proceso de convertir PSD a HTML en Drupal, abordando la importancia del diseño responsivo, SEO y accesibilidad. Se discuten metodologías de trabajo, herramientas útiles y la necesidad de una colaboración ágil entre diferentes perfiles técnicos durante el desarrollo. Además, enfatiza la automatización de tareas para incrementar la eficiencia y la calidad del trabajo.

Tips para posicionarte como desarrollador Drupal - Drupal Day Spain 2017 CáceresLa Drupalera

Bea González ofrece consejos sobre cómo posicionarse como desarrollador de Drupal a través del desarrollo de una marca personal. Destaca la importancia de diferenciarse en un mercado saturado y proporciona pasos prácticos para construir una presencia online efectiva. Además, menciona la relevancia de la participación en la comunidad y la constancia en el esfuerzo para lograr el éxito profesional.

Tu drupal está listo… ¿lo sabe Google? - DrupalCamp 2017La Drupalera

Este documento ofrece consejos sobre optimización para motores de búsqueda (SEO) durante el desarrollo de un sitio web con Drupal. Explica la importancia de implementar el archivo robots.txt, códigos únicos de Google Analytics para cada entorno, y optimizar elementos como el título, la descripción y los encabezados H1-Hn en cada página. También recomienda verificar las URLs, etiquetas, mapa del sitio y accesibilidad antes de pasar el sitio a producción.

QA on drupal projectsLa Drupalera

The document outlines the importance of Quality Assurance (QA) in Drupal projects, emphasizing team integration, various types of testing, and continuous integration processes. It details methods such as code inspection, unit testing, performance testing, and functional testing using tools like Docker and Selenium. The significance of creating a QA culture within teams is stressed, along with the commitment to fixing bugs and maintaining code standards.

¡This is drupal! - Global Training DaysLa Drupalera

El documento presenta una introducción al sistema de gestión de contenido Drupal, destacando su flexibilidad, comunidad y puntos débiles como la curva de aprendizaje elevada. Se abordan conceptos básicos y herramientas clave como Drush, así como los tipos de contenido, menús y gestión de usuarios. Además, se exploran módulos comunes y el desarrollo extendido en Drupal, finalizando con una serie de referencias útiles para profundizar en el tema.

¿Cómo aplicar una estrategia de Marketing efectiva basada en Drupal?La Drupalera

Este documento presenta a Emergya, una consultora de TI española especializada en el desarrollo de sistemas de información basados en software libre como Drupal. Emergya ha pasado por altibajos desde su fundación en 2004 pero se ha reinventado exitosamente, lanzando La Drupalera en 2014 para promover Drupal a través de canales digitales. El éxito de La Drupalera se debe a su implicación con la comunidad Drupal, su estrategia digital y su equipo comprometido.

Drupal vs WordpressLa Drupalera

El documento presenta información sobre Drupal, un CMS basado en PHP, destacando su arquitectura, funcionalidades y su comunidad. Se comparan las ventajas y desventajas de Drupal frente a WordPress, así como los beneficios específicos de Drupal para sitios web gubernamentales. Además, se ofrecen recomendaciones sobre cómo elegir un buen proveedor de servicios Drupal y recursos para aprender más sobre la plataforma.

Marketing, Comunidad, Empleo y Negocio Internacional basado en DrupalLa Drupalera

El documento presenta un perfil del ponente, un experto en marketing y Drupal, y describe las características y ventajas de Drupal como sistema de gestión de contenidos, así como sus debilidades. Se enfatiza la importancia de la comunidad en el éxito de Drupal y se ofrecen recursos y enlaces para aprender y trabajar con esta plataforma. Además, se destaca la escalabilidad y flexibilidad de Drupal, así como las mejoras introducidas en su versión 8.

Caso de éxito Drupal - Procomún - DrupalCamp Spain 2016La Drupalera

El documento describe un gran proyecto Drupal para crear una red social educativa abierta que conecta a educadores, ofrece recursos de aprendizaje y datos abiertos. El proyecto utiliza Drupal 7, APIs REST, ontologías OWL y harvesters para extraer datos de fuentes como DBpedia, creando un buscador semántico y recomendaciones de contenido. El proyecto se ejecuta en Amazon Web Services con 12 máquinas y usa contribuciones de Drupal como Search API y Organic Groups, así como módulos personalizados para la gestión de

QA en SEO: Amigos con derecho a roce - Drupalcamp 2019La Drupalera

Consejos y trucos para cualificar una oportunidad DrupalLa Drupalera

Designer vs Front-end - DrupalCampES 2018 AlicanteLa Drupalera

¡Ojo al dato!: Cómo evitar microinfartos a la gente de marketing - DrupalCamp...La Drupalera

PSD to HTML (Drupal) - Drupal Day Spain 2017 CáceresLa Drupalera

Tips para posicionarte como desarrollador Drupal - Drupal Day Spain 2017 CáceresLa Drupalera

Tu drupal está listo… ¿lo sabe Google? - DrupalCamp 2017La Drupalera

QA on drupal projectsLa Drupalera

¡This is drupal! - Global Training DaysLa Drupalera

¿Cómo aplicar una estrategia de Marketing efectiva basada en Drupal?La Drupalera

Drupal vs WordpressLa Drupalera

Marketing, Comunidad, Empleo y Negocio Internacional basado en DrupalLa Drupalera

Caso de éxito Drupal - Procomún - DrupalCamp Spain 2016La Drupalera

Recently uploaded (20)

Securing AI - There Is No Try, Only Do!.pdfPriyanka Aash

Security Tips for Enterprise Azure SolutionsMichele Leroux Bustamante

Delivering solutions to Azure may involve a variety of architecture patterns involving your applications, APIs data and associated Azure resources that comprise the solution. This session will use reference architectures to illustrate the security considerations to protect your Azure resources and data, how to achieve Zero Trust, and why it matters. Topics covered will include specific security recommendations for types Azure resources and related network security practices. The goal is to give you a breadth of understanding as to typical security requirements to meet compliance and security controls in an enterprise solution.

UserCon Belgium: Honey, VMware increased my billstijn40

VMware’s pricing changes have forced organizations to rethink their datacenter cost management strategies. While FinOps is commonly associated with cloud environments, the FinOps Foundation has recently expanded its framework to include Scopes—and Datacenter is now officially part of the equation. In this session, we’ll map the FinOps Framework to a VMware-based datacenter, focusing on cost visibility, optimization, and automation. You’ll learn how to track costs more effectively, rightsize workloads, optimize licensing, and drive efficiency—all without migrating to the cloud. We’ll also explore how to align IT teams, finance, and leadership around cost-aware decision-making for on-prem environments. If your VMware bill keeps increasing and you need a new approach to cost management, this session is for you!

OpenACC and Open Hackathons Monthly Highlights June 2025OpenACC

The OpenACC organization focuses on enhancing parallel computing skills and advancing interoperability in scientific applications through hackathons and training. The upcoming 2025 Open Accelerated Computing Summit (OACS) aims to explore the convergence of AI and HPC in scientific computing and foster knowledge sharing. This year's OACS welcomes talk submissions from a variety of topics, from Using Standard Language Parallelism to Computer Vision Applications. The document also highlights several open hackathons, a call to apply for NVIDIA Academic Grant Program and resources for optimizing scientific applications using OpenACC directives.

Quantum AI Discoveries: Fractal Patterns Consciousness and Cyclical UniversesSaikat Basu

"Database isolation: how we deal with hundreds of direct connections to the d...Fwdays

What can go wrong if you allow each service to access the database directly? In a startup, this seems like a quick and easy solution, but as the system scales, problems appear that no one could have guessed. In my talk, I'll share Solidgate's experience in transforming its architecture: from the chaos of direct connections to a service-based data access model. I will talk about the transition stages, bottlenecks, and how isolation affected infrastructure support. I will honestly show what worked and what didn't. In short, we will analyze the controversy of this talk.

Techniques for Automatic Device Identification and Network Assignment.pdfPriyanka Aash

MuleSoft for AgentForce : Topic Center and API Catalogshyamraj55

This presentation dives into how MuleSoft empowers AgentForce with organized API discovery and streamlined integration using Topic Center and the API Catalog. Learn how these tools help structure APIs around business needs, improve reusability, and simplify collaboration across teams. Ideal for developers, architects, and business stakeholders looking to build a connected and scalable API ecosystem within AgentForce.

OpenPOWER Foundation & Open-Source Core InnovationsIBM

penPOWER offers a fully open, royalty-free CPU architecture for custom chip design. It enables both lightweight FPGA cores (like Microwatt) and high-performance processors (like POWER10). Developers have full access to source code, specs, and tools for end-to-end chip creation. It supports AI, HPC, cloud, and embedded workloads with proven performance. Backed by a global community, it fosters innovation, education, and collaboration.

Tech-ASan: Two-stage check for Address Sanitizer - Yixuan Cao.pdfcaoyixuan2019

Cracking the Code - Unveiling Synergies Between Open Source Security and AI.pdfPriyanka Aash

Quantum AI: Where Impossible Becomes ProbableSaikat Basu

2025_06_18 - OpenMetadata Community Meeting.pdfOpenMetadata

The community meetup was held Wednesday June 18, 2025 @ 9:00 AM PST. Catch the next OpenMetadata Community Meetup @ https://www.meetup.com/openmetadata-meetup-group/ In this month's OpenMetadata Community Meetup, "Enforcing Quality & SLAs with OpenMetadata Data Contracts," we covered data contracts, why they matter, and how to implement them in OpenMetadata to increase the quality of your data assets! Agenda Highlights: 👋 Introducing Data Contracts: An agreement between data producers and consumers 📝 Data Contracts key components: Understanding a contract and its purpose 🧑‍🎨 Writing your first contract: How to create your own contracts in OpenMetadata 🦾 An OpenMetadata MCP Server update! ➕ And More!

Python Conference Singapore - 19 Jun 2025ninefyi

"How to survive Black Friday: preparing e-commerce for a peak season", Yurii ...Fwdays

Enhance GitHub Copilot using MCP - Enterprise version.pdfNilesh Gule

You are not excused! How to avoid security blind spots on the way to productionMichele Leroux Bustamante

We live in an ever evolving landscape for cyber threats creating security risk for your production systems. Mitigating these risks requires participation throughout all stages from development through production delivery - and by every role including architects, developers QA and DevOps engineers, product owners and leadership. No one is excused! This session will cover examples of common mistakes or missed opportunities that can lead to vulnerabilities in production - and ways to do better throughout the development lifecycle.

Lessons Learned from Developing Secure AI Workflows.pdfPriyanka Aash

WebdriverIO & JavaScript: The Perfect Duo for Web Automationdigitaljignect

In today’s dynamic digital landscape, ensuring the quality and dependability of web applications is essential. While Selenium has been a longstanding solution for automating browser tasks, the integration of WebdriverIO (WDIO) with Selenium and JavaScript marks a significant advancement in automation testing. WDIO enhances the testing process by offering a robust interface that improves test creation, execution, and management. This amalgamation capitalizes on the strengths of both tools, leveraging Selenium’s broad browser support and WDIO’s modern, efficient approach to test automation. As automation testing becomes increasingly vital for faster development cycles and superior software releases, WDIO emerges as a versatile framework, particularly potent when paired with JavaScript, making it a preferred choice for contemporary testing teams.

CapCut Pro Crack For PC Latest Version {Fully Unlocked} 2025pcprocore

👉𝗡𝗼𝘁𝗲:𝗖𝗼𝗽𝘆 𝗹𝗶𝗻𝗸 & 𝗽𝗮𝘀𝘁𝗲 𝗶𝗻𝘁𝗼 𝗚𝗼𝗼𝗴𝗹𝗲 𝗻𝗲𝘄 𝘁𝗮𝗯> https://pcprocore.com/ 👈◀ CapCut Pro Crack is a powerful tool that has taken the digital world by storm, offering users a fully unlocked experience that unleashes their creativity. With its user-friendly interface and advanced features, it’s no wonder why aspiring videographers are turning to this software for their projects.

Securing AI - There Is No Try, Only Do!.pdfPriyanka Aash

Security Tips for Enterprise Azure SolutionsMichele Leroux Bustamante

UserCon Belgium: Honey, VMware increased my billstijn40

OpenACC and Open Hackathons Monthly Highlights June 2025OpenACC

Quantum AI Discoveries: Fractal Patterns Consciousness and Cyclical UniversesSaikat Basu

"Database isolation: how we deal with hundreds of direct connections to the d...Fwdays

Techniques for Automatic Device Identification and Network Assignment.pdfPriyanka Aash

MuleSoft for AgentForce : Topic Center and API Catalogshyamraj55

OpenPOWER Foundation & Open-Source Core InnovationsIBM

Tech-ASan: Two-stage check for Address Sanitizer - Yixuan Cao.pdfcaoyixuan2019

Cracking the Code - Unveiling Synergies Between Open Source Security and AI.pdfPriyanka Aash

Quantum AI: Where Impossible Becomes ProbableSaikat Basu

2025_06_18 - OpenMetadata Community Meeting.pdfOpenMetadata

Python Conference Singapore - 19 Jun 2025ninefyi

"How to survive Black Friday: preparing e-commerce for a peak season", Yurii ...Fwdays

Enhance GitHub Copilot using MCP - Enterprise version.pdfNilesh Gule

You are not excused! How to avoid security blind spots on the way to productionMichele Leroux Bustamante

Lessons Learned from Developing Secure AI Workflows.pdfPriyanka Aash

WebdriverIO & JavaScript: The Perfect Duo for Web Automationdigitaljignect

CapCut Pro Crack For PC Latest Version {Fully Unlocked} 2025pcprocore

Responsive testing in Drupal - Drupal Developer Days

1. Responsive testing in Drupal Óscar Castaño Calle ♦ Alejandro Gómez Morón

2. Who are we? ● QA lead at @LaDrupalera by @Emergya. ● Devoted to processes of software quality: improvement, delivery, deployment… ● A lover of @LaDrupalera. @drupaldevdays #drupaldevdays

3. Who are we? ● QA & Tech lover (Selenium, Java, TypeScript, Drupal, Ionic, AngularJS, Gulp…). ● QA leader at @LaDrupalera by @Emergya. ● QA Lecturer at @EPSUPO. ● @SevillaQA organizer. ● I am passionate about challenges and I hate repeating processes! @drupaldevdays #drupaldevdays

4. Roadmap ● What is Responsive Testing? ● What is Galen Framework? ● GSpecs language ● Do you want to improve your tests? ● Hands on! @drupaldevdays #drupaldevdays

5. What is Responsive Testing? ● Responsive Web Design (RWD) is an approach to web design aimed at crafting sites to provide an optimal viewing experience. ● So, Responsive Testing is ensuring everything looks and works as it was designed. @drupaldevdays #drupaldevdays

6. What is Galen Framework? ● It is a test framework which was originally introduced for testing layout of web-applications in a real browser. Nowadays it became a fully functional testing framework with rich reporting and test management system. @drupaldevdays #drupaldevdays

7. What is Galen Framework? ● It works in a following way: a. Galen opens a page in browser (Selenium). b. Resizes browser to specified size. c. Tests the layout with Galen Specs. @drupaldevdays #drupaldevdays

8. Galen Spec Language ● It is quite flexible and gives you the opportunity to express exactly how you want your website to behave on different devices. There are two main parts in page specs file: object definitions and object specs. @drupaldevdays #drupaldevdays

9. Galen Spec Language ● Object definition: ○ @objects section. ○ Represents an HTML element. ○ Can be selected by id, css and xpath. @drupaldevdays #drupaldevdays

10. Galen Spec Language @drupaldevdays #drupaldevdays

11. Galen Spec Language ● Object specs: ○ Behaviour of the @objects. ○ Possibility to customize it depending on the screen type! @drupaldevdays #drupaldevdays

12. Galen Spec Language @drupaldevdays #drupaldevdays

13. Galen Spec Language @drupaldevdays #drupaldevdays

14. Do you want to improve your tests? ● agomezmoron/galen-framework-handler ○ Some Galen Framework functionalities improved. ○ Set of devices defined (iPhone5, 6, Nexus, etc). ○ Configuration object (URLs, devices to test…) @drupaldevdays #drupaldevdays

15. Tell me and I’ll listen. Show me and I’ll watch. Let me experience and I’ll learn. Lao Tzu @drupaldevdays #drupaldevdays Ready?

16. Hands on! @drupaldevdays #drupaldevdays 1. Check you have Internet connection 2. Look for a partner! 3. Make sure you will learn having fun!

17. Hands on! @drupaldevdays #drupaldevdays https://github.com/agomezmoron/DrupalDevDays-Responsive-Testing-Workshop Repository

18. THANKS! @drupaldevdays #drupaldevdays

19. THANKS! @drupaldevdays #drupaldevdays

20. Thanks! @drupaldevdays #drupaldevdays

Responsive testing in Drupal - Drupal Developer Days

Recommended

More Related Content

What's hot (20)

Viewers also liked (20)

Similar to Responsive testing in Drupal - Drupal Developer Days (19)

More from La Drupalera (13)

Recently uploaded (20)

Responsive testing in Drupal - Drupal Developer Days