Responsive testing in Drupal - Drupal Developer Days

Mar 22, 20171 like708 views

Our QA Drupal experts Alejandro Gómez -QA team leader in Emergya- and Óscar Castaño -Drupal, Angular and Symfony Team Leader- show everything you need to know about the testing process and the importance of responsive developments.

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

Headless Drupal is coming amidst a torrent of heavily Javascript dependent front ends. Whether your display layer is an angular app or a JS-infused Drupal theme, it's time to get serious about managing the various dependencies and processes involved with the complexity of your theme layer. Join the team from Elevated Third to review several topics like: - Using Gulp as a task runner - Bower to manage dependencies. We will touch on a number of items that will help you to be sure that you’re getting the most out of your site's front end without leaving the rest of your team in the dust.

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

Подробнее о докладчике: http://goo.gl/PFSHT5 Видео презентации: https://youtu.be/VNxM5qJQGQQ Подписывайтесь на нас! VK: https://vk.com/drupalsib FB: https://facebook.com/groups/drupalsib Twitter: https://twitter.com/SibDrupalCamp https://twitter.com/DrupalSib Instagram: https://instagram.com/drupalsib

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

In this presentation, we will describe the entire process of moving our legacy company website into a brand new Drupal 8 site created from scratch. The presentation is conceived to be wide and descriptive enough to just "present" how our company conceived every step and then delivered it on top of Drupal 8. Key points we will talk about: Project Management: Conception & Phases Information Architecture. Migration process. Site Building. Design and Theming. Results.

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

I have worked as a freelance Site Builder & Front End developer on a few Drupal 8 projects and have learned a lot. In this session I'd like to share my learnings with you. I will guide you through how I work with Paragraphs and Display Suite, and how I use Configuration Management with them. I will show you cool things like making paragraphs within paragraphs, give examples of when not to use paragraphs and how to make the user experience nice and simple for content editors. I will give examples of how I've imported and exported configuration, and briefly mention how to best use it to collaborate with other developers. I will show you how to save time when theming by using the power of Display Suite, including some lesser known advanced functionality.

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

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

Frontend Development vs Backend Development | Detailed ComparisonMariya James

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

In these slides, I will be going to share our thoughts on CSS Testing starting from what CSS is, How to mingle with CSS testing, What are the tools and techniques through which we can apply concepts of cSS testing in our workflow. We will be showing some demos over CSS testing tools and techniques that will help you all to get better clarity of things going around. We will also share our own experience on how we started working on CSS testing, and how we incorporated the idea of CSS testing in our testing workflow.

(some) Drupal Theming by Ryan PriceRyan Price

Scrum introductionBa Thanh Huynh

Anti anti patternsNick Vanderhoven

Over the last few decades we've been bombed with anti-pattern warnings carrying ear-appealing neologisms, such as Primitive Obsession, Object Orgy and Feature Envy. This phenomenon is making us live in a constant fear of life-threatening situations. In the act of self-preservation we don't only avoid anti-patterns, but we make sure we drive away from them as far as we possibly could. However, this is 2016 and a lot has changed. Maybe we drove away a bit too far. Let's start an anti movement: anti anti-patterns. In this talk we motivate our theory that some code smells can now safely be reinterpreted and become the astonishing scent of a fabulous ripe cheese.

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

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

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

In this session we will show how the UI Patterns module allows you to define and expose self-contained UI patterns as Drupal 8 plugins and to use them as drop-in templates for panels, field groups, views, Display Suite view modes, field templates, etc. Over the past years projects like PatternLab or the Component Libraries module aimed at lowering the cost of maintaining and re-using UI patterns in your projects. But, as we all know, when it comes to presenting content the Drupal 8 landscape is quite diverse: you can layout your pages using Panels or Views, style your entities using Display Suite view modes, group your fields with Field group, etc. Such a diversification can surely present some challenges when it comes at reusing a well-designed and consistent UI library. The UI patterns module makes it possible to seamlessly use UI patterns with views, layouts, field formatters, etc. The session will also feature a brief live-demo of the following functionalities: - Define patterns using YAML - Visualize patterns on a pattern library page - Organize patterns into self-contained bundles of JavaScript, - - CSS and TWIG template - Integrate patterns with tools like PatternLab - Use patterns as paragraphs or nodes layouts - Use patterns as field group templates - Use patterns as views row templates - Use patterns as field templates - Advanced topic: a closer look to UI Patterns internals

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

So you know how to use configuration management in Drupal 8. It works great for its intended use case but you have more advanced needs and Drupal core and drush don’t really help you? You read or write blog posts pointing out shortcomings of Drupals configuration management? Configuration Split and its friends will jump in and help with almost all your Configuration Management struggles. Some configuration needs to exist only in some environments, like development modules? Your client edits some configuration on the production site? You have two sites that are almost the same but not exactly? You checked out configuration split but didn’t get what it does? At this session all your questions will be answered and you will love the configuration management in Drupal 8 even more. Next to Configuration Split and its road map we will also see some other solutions for other potential stumbling blocks, such as deploying configuration which depends on content or installing a site from existing configuration. Modules covered: Configuration Split (and Config Filter) Configuration installer Configuration Read-only mode More modules briefly

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

Este manual va dirigido a personas con conocimientos de despliegue entre entornos, así como con nociones básicas de programación (orientado a PHP), especialmente del CMS Drupal (en su versión 7 u 8), que quieran automatizar ciertas tareas rutinarias y dar un paso más allá en el despliegue de entornos ejecutando diversas pruebas de calidad a nuestro código antes de iniciar el proceso de deployment final. Con este procedimiento no solo automatizamos y aseguramos nuestros despliegues, sino que garantizamos la integridad y calidad del código desde el primer momento de vida de nuestro desarrollo de software. 1º Parte: http://www.ladrupalera.com/drupal/desarrollo/drupal8/desplegando-codigo-con-jenkins-phing-coder-y-phpunit-parte-i

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

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

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 (20)

Do your best to make your webpage accessibleBostjan Kovac

Forensic Theming - DrupalCon LondonEmma Jane Hogbin Westby

The theme of your website has the capacity for beautiful, semantic markup...and also the hacky HTML soup. You can build a new theme by downloading a free theme and tearing out its guts--or you can learn how to become a theme surgeon. In this session you will learn two key techniques needed to build a successful theme: crime scene investigation (identifying Drupal page elements in your design files) and power tools for copy-cat theming (things you need to recreate your design using Drupal). From start to finish we will transform a design file into a Drupal theme. With special attention given to your all-important questions: how do I save time with grid-based design? Should I use Panels? How do I make this bit of stuff appear next to that bit? Yah, but how do I start? [This presentation was given at DrupalCon Chicago but the recording failed. Slides are available from http://www.slideshare.net/emmajane/forensic-theming-for-drupal] About The Presenter Emma Jane Hogbin is well known in the Drupal community for her engaging presentations and kickass theming book, Front End Drupal. She is currently working on her second book, Drupal: A user's guide which is due out shortly after DrupalCon. Through her training company, Design to Theme, emmajane has empowered thousands of people to create the Drupal site of their dreams. Intended audience Small business site builders who partner with graphic designers but have no idea how to make Drupal look like a design file. Intermediate themers who start with a free Drupal theme that looks "close" to the final site and then start hacking to make their theme. The audience currently does not use base themes and are frustrated at how complicated all of the code is. They are looking for shortcuts and some quick-fix solutions to make theming faster and more profitable. Questions answered by this session What are the key tools I need to use to make themeing Drupal easier? How can I make Drupal markup less yucky? Where should I start when building a new theme? Yeah, but how do I theme *that thing*? I want to see how you build a theme: show me! Presented at: http://london2011.drupal.org/conference/sessions/forensic-theming-key-techniques-building-effective-drupal-themes

DevQA: make your testers happier with Groovy, Spock and GebAlvaro Sanchez-Mariscal

Writing functional tests using Geb in a Grails application is fine for a development team. But when you have QA automation engineers, giving them access to the Grails app might not be the best solution (specially when they belong to a different team). So the same way DevOps allow developers and sysadmins collaborate together, let's talk about DevQA, and make them happy using a framework stack powered by Groovy. Besides above considerations, in this talk I will show a live example on how to setup an independent project for functional tests using Gradle, Groovy, Spock and Geb.

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.

TypeScript's Type SystemStefan Baumgartner

This document discusses type systems and TypeScript. It provides an overview of TypeScript's type system features including gradual typing, structural and generic types, distinct value and type namespaces, extensive type inference, control flow analysis, support for object-oriented and functional programming. It also discusses TypeScript's design goals of being open source, closely tracking the ECMAScript standard, innovating in its type system, having best-in-class tooling, lowering barriers to entry, and focusing on community.

Front-End Developer's Career RoadmapWebStackAcademy

GraphQL @ Manc.JS (March 2018)Chris Grice

This document discusses GraphQL, a query language for APIs. It describes what GraphQL is, how it works, and its benefits. Specifically: - GraphQL allows clients to specify the exact data they need in a single request, fetching multiple related resources from existing data sources like databases or REST APIs. - It uses a type system with a schema definition language to provide a complete and understandable description of the available data in an API. - Adopting GraphQL can improve development workflows by encouraging schema-first development, decoupling teams, enabling flexibility, and making it easier to experiment and adapt to users' needs.

Pertemuan 1 - Introduction to Frontend Engineer.pdfRaffiPratama3

This document provides information about becoming a frontend engineer. It includes sections on certifications, experience, components of the course, prerequisites, and tools. The key points are: - The individual has certifications in frontend engineering from YABB Gojek and Dicoding, as well as backend certification from FreeCodeCamp. They have experience as an assistant lecturer and have worked as a frontend engineer, web developer, and content writer. - The course components include attendance, tasks and practice, and exams, which make up 5%, 35%, and 60% of the grade respectively. Basic knowledge of HTML, CSS, and JavaScript is required. - Recommended tools include VSCode as a text editor,

Best practices for JavaScript RIAsCarlos Ble

This document discusses best practices for building JavaScript rich internet applications (RIAs). It covers topics like testing techniques, design patterns, testing tools, and approaches like test-driven development. Some of the key recommendations include writing code for humans rather than machines, keeping servers simple as an event bus between clients, and focusing on concepts rather than specific tools. Test-driven development is emphasized as important for code quality and maintainability.

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.

Intro To DjangoUdi Bauman

This document introduces and summarizes Django, an open-source web framework written in Python. It highlights key features of Django, including its automated administration interface, object-relational mapper (ORM), generic views, forms, URL configuration, templates, internationalization support, and built-in user authentication. The document also discusses how Django aims to minimize the time it takes to develop software through automation, reusable apps, and other features. Examples are provided of large sites built with Django to demonstrate its performance and scalability.

SELF - Becoming a Rails Developer - The Rest of the StoryNathanial McConnell

This document provides guidance on becoming a Rails developer beyond just learning the Rails framework. It discusses key competencies needed like understanding Ruby and object-oriented programming. It also recommends learning processes like mentoring, code reviews, and pair programming. Standard learning paths are outlined covering Ruby, Rails, SQL, testing, and more. Advice is given on freelancing, finding clients, and maintaining work-life balance.

CD in Machine Learning SystemsThoughtworks

Choosing Drupal as your Content Management FrameworkMediacurrent

DevQA: make your testers happier with Groovy, Spock and Geb (Greach 2014)Alvaro Sanchez-Mariscal

The document discusses how a company called Odobo improved their testing process by defining a unified testing framework using Groovy, Spock, and Geb. This allowed both developers and QA engineers to write automated tests in the same framework, eliminating duplicated efforts. Key aspects of the framework included using Gradle for building, Groovy as the programming language, Spock as the testing framework, and Geb for browser automation. It provided benefits like increased code reuse and happier testers across both dev and QA teams.

CTS - Experience letterSaravanaselvan Senguttuvan

This letter from Cognizant Technology Solutions confirms Saravanaselvan Senguttuvan's work experience with the company from September 2009 to April 2012. During this time, he held several positions including Associate - Projects and Product Specialist - Technical. As an Associate - Projects, his responsibilities included requirements gathering, design, development, testing and support of insurance software. As a Product Specialist - Technical, his duties consisted of requirements analysis, design, development of Java applications, testing, and technical support. The letter also lists the various technologies, tools and programming languages Senguttuvan gained experience in during his time at Cognizant.

CurriculamVinay Mishra

Vinay Kumar Mishra is a software development professional with over 10 years of experience working with technologies like HTML5, CSS3, Bootstrap, JavaScript libraries, and more. He has extensive experience designing and developing websites and web applications for startups and companies across various industries. Some of the projects he has worked on include novelinked.com, shrinksync.com, and tripshelf.com. He is currently working as a Senior UI Designer at Mobiloitte India Pvt Ltd. in New Delhi.

Sharifsharifflex4

The Agile Drupalist - Methodologies & Techniques for Running Effective Drupal...Adrian Jones

More and more clients are asking for Agile development for their projects, in particular the Scrum methodology, but do they really know what they are getting into? Both Waterfall and Scrum are viable methodologies, but each is best suited to particular situations, clients, and projects - neither can be considered the better methodology in all circumstances. This presentation discusses the potential advantages of using Agile development for building sites in Drupal, but also the potential road-bumps and pitfalls.

Do your best to make your webpage accessibleBostjan Kovac

Forensic Theming - DrupalCon LondonEmma Jane Hogbin Westby

DevQA: make your testers happier with Groovy, Spock and GebAlvaro Sanchez-Mariscal

2014 11 20 Drupal 7 -> 8 test migratiehcderaad

TypeScript's Type SystemStefan Baumgartner

Front-End Developer's Career RoadmapWebStackAcademy

GraphQL @ Manc.JS (March 2018)Chris Grice

Pertemuan 1 - Introduction to Frontend Engineer.pdfRaffiPratama3

Best practices for JavaScript RIAsCarlos Ble

Berlin Selenium Meetup - Galen FrameworkMichael Palotas

Intro To DjangoUdi Bauman

SELF - Becoming a Rails Developer - The Rest of the StoryNathanial McConnell

CD in Machine Learning SystemsThoughtworks

Choosing Drupal as your Content Management FrameworkMediacurrent

DevQA: make your testers happier with Groovy, Spock and Geb (Greach 2014)Alvaro Sanchez-Mariscal

CTS - Experience letterSaravanaselvan Senguttuvan

CurriculamVinay Mishra

Sharifsharifflex4

The Agile Drupalist - Methodologies & Techniques for Running Effective Drupal...Adrian Jones

More from La Drupalera (13)

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

Si nadie encuentra en Google un proyecto web en el que se ha trabajado durante meses, ¿de qué sirve todo ese esfuerzo? Carlos Bonilla (QA) y Bea González (SEO) te cuentan cómo hacer QA al SEO. QA y SEO son los grandes olvidados en los proyectos tecnológicos pero juntos, contribuyen a que sean un éxito. A través de una charla interactiva con ejemplos prácticos, Carlos y Bea te darán una buena contextualización sobre cómo hacerle QA al SEO. ¿Te lo vas a perder?

Consejos y trucos para cualificar una oportunidad DrupalLa Drupalera

David Munárriz, co-Fundador de Emergya y de La Drupalera y Director de Emergya Digital, repasa algunos tips que utliizamos en Emergya/Drupalera para saber si debemos o no entrar en determinados proyectos y cuales son nuestros trucos y filtros más importantes para alinearnos con el cliente a la hora de cualificar una oportunidad Drupal o para detectar si vamos o no llegar a buen puerto. Creo que puede ser interesante para personal de negocio, jefes de proyecto, preventa y cualquier desarrollador.

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

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

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

¡This is drupal! - Global Training DaysLa Drupalera

¿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

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

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)

IEDM 2024 Tutorial2_Advances in CMOS Technologies and Future Directions for C...organizerofv

Build Your Own Copilot & Agents For DevsBrian McKeiver

Increasing Retail Store Efficiency How can Planograms Save Time and Money.pptxAnoop Ashok

TrsLabs Consultants - DeFi, WEb3, Token ListingTrs Labs

Top 10 IT Help Desk Outsourcing ServicesInfrassist Technologies Pvt. Ltd.

#StandardsGoals for 2025: Standards & certification roundup - Tech Forum 2025BookNet Canada

Book industry standards are evolving rapidly. In the first part of this session, we’ll share an overview of key developments from 2024 and the early months of 2025. Then, BookNet’s resident standards expert, Tom Richardson, and CEO, Lauren Stewart, have a forward-looking conversation about what’s next. Link to recording, transcript, and accompanying resource: https://bnctechforum.ca/sessions/standardsgoals-for-2025-standards-certification-roundup/ Presented by BookNet Canada on May 6, 2025 with support from the Department of Canadian Heritage.

Generative Artificial Intelligence (GenAI) in BusinessDr. Tathagat Varma

Mastering Advance Window Functions in SQL.pdfSpiral Mantra

Web and Graphics Designing Training in RajpuraErginous Technology

Web & Graphics Designing Training at Erginous Technologies in Rajpura offers practical, hands-on learning for students, graduates, and professionals aiming for a creative career. The 6-week and 6-month industrial training programs blend creativity with technical skills to prepare you for real-world opportunities in design. The course covers Graphic Designing tools like Photoshop, Illustrator, and CorelDRAW, along with logo, banner, and branding design. In Web Designing, you’ll learn HTML5, CSS3, JavaScript basics, responsive design, Bootstrap, Figma, and Adobe XD. Erginous emphasizes 100% practical training, live projects, portfolio building, expert guidance, certification, and placement support. Graduates can explore roles like Web Designer, Graphic Designer, UI/UX Designer, or Freelancer. For more info, visit erginous.co.in , message us on Instagram at erginoustechnologies, or call directly at +91-89684-38190 . Start your journey toward a creative and successful design career today!

Special Meetup Edition - TDX Bengaluru Meetup #52.pptxshyamraj55

Role of Data Annotation Services in AI-Powered ManufacturingAndrew Leo

SAP Modernization: Maximizing the Value of Your SAP S/4HANA Migration.pdfPrecisely

HCL Nomad Web – Best Practices und Verwaltung von Multiuser-Umgebungenpanagenda

Webinar Recording: https://www.panagenda.com/webinars/hcl-nomad-web-best-practices-und-verwaltung-von-multiuser-umgebungen/ HCL Nomad Web wird als die nächste Generation des HCL Notes-Clients gefeiert und bietet zahlreiche Vorteile, wie die Beseitigung des Bedarfs an Paketierung, Verteilung und Installation. Nomad Web-Client-Updates werden “automatisch” im Hintergrund installiert, was den administrativen Aufwand im Vergleich zu traditionellen HCL Notes-Clients erheblich reduziert. Allerdings stellt die Fehlerbehebung in Nomad Web im Vergleich zum Notes-Client einzigartige Herausforderungen dar. Begleiten Sie Christoph und Marc, während sie demonstrieren, wie der Fehlerbehebungsprozess in HCL Nomad Web vereinfacht werden kann, um eine reibungslose und effiziente Benutzererfahrung zu gewährleisten. In diesem Webinar werden wir effektive Strategien zur Diagnose und Lösung häufiger Probleme in HCL Nomad Web untersuchen, einschließlich - Zugriff auf die Konsole - Auffinden und Interpretieren von Protokolldateien - Zugriff auf den Datenordner im Cache des Browsers (unter Verwendung von OPFS) - Verständnis der Unterschiede zwischen Einzel- und Mehrbenutzerszenarien - Nutzung der Client Clocking-Funktion

Electronic_Mail_Attacks-1-35.pdf by xploitniftliyevhuseyn

Dev Dives: Automate and orchestrate your processes with UiPath MaestroUiPathCommunity

This session is designed to equip developers with the skills needed to build mission-critical, end-to-end processes that seamlessly orchestrate agents, people, and robots. 📕 Here's what you can expect: - Modeling: Build end-to-end processes using BPMN. - Implementing: Integrate agentic tasks, RPA, APIs, and advanced decisioning into processes. - Operating: Control process instances with rewind, replay, pause, and stop functions. - Monitoring: Use dashboards and embedded analytics for real-time insights into process instances. This webinar is a must-attend for developers looking to enhance their agentic automation skills and orchestrate robust, mission-critical processes. 👨‍🏫 Speaker: Andrei Vintila, Principal Product Manager @UiPath This session streamed live on April 29, 2025, 16:00 CET. Check out all our upcoming Dev Dives sessions at https://community.uipath.com/dev-dives-automation-developer-2025/.

Semantic Cultivators : The Critical Future Role to Enable AIartmondano

Unlocking the Power of IVR: A Comprehensive Guidevikasascentbpo

Manifest Pre-Seed Update | A Humanoid OEM Deeptech In Francechb3

Splunk Security Update | Public Sector Summit Germany 2025Splunk

Quantum Computing Quick Research Guide by Arthur MorganArthur Morgan

This is a Quick Research Guide (QRG). QRGs include the following: - A brief, high-level overview of the QRG topic. - A milestone timeline for the QRG topic. - Links to various free online resource materials to provide a deeper dive into the QRG topic. - Conclusion and a recommendation for at least two books available in the SJPL system on the QRG topic. QRGs planned for the series: - Artificial Intelligence QRG - Quantum Computing QRG - Big Data Analytics QRG - Spacecraft Guidance, Navigation & Control QRG (coming 2026) - UK Home Computing & The Birth of ARM QRG (coming 2027) Any questions or comments? - Please contact Arthur Morgan at [email protected]. 100% human made.

IEDM 2024 Tutorial2_Advances in CMOS Technologies and Future Directions for C...organizerofv

Build Your Own Copilot & Agents For DevsBrian McKeiver

Increasing Retail Store Efficiency How can Planograms Save Time and Money.pptxAnoop Ashok

TrsLabs Consultants - DeFi, WEb3, Token ListingTrs Labs

Top 10 IT Help Desk Outsourcing ServicesInfrassist Technologies Pvt. Ltd.

#StandardsGoals for 2025: Standards & certification roundup - Tech Forum 2025BookNet Canada

Generative Artificial Intelligence (GenAI) in BusinessDr. Tathagat Varma

Mastering Advance Window Functions in SQL.pdfSpiral Mantra

Web and Graphics Designing Training in RajpuraErginous Technology

Special Meetup Edition - TDX Bengaluru Meetup #52.pptxshyamraj55

Role of Data Annotation Services in AI-Powered ManufacturingAndrew Leo

SAP Modernization: Maximizing the Value of Your SAP S/4HANA Migration.pdfPrecisely

HCL Nomad Web – Best Practices und Verwaltung von Multiuser-Umgebungenpanagenda

Electronic_Mail_Attacks-1-35.pdf by xploitniftliyevhuseyn

Dev Dives: Automate and orchestrate your processes with UiPath MaestroUiPathCommunity

Semantic Cultivators : The Critical Future Role to Enable AIartmondano

Unlocking the Power of IVR: A Comprehensive Guidevikasascentbpo

Manifest Pre-Seed Update | A Humanoid OEM Deeptech In Francechb3

Splunk Security Update | Public Sector Summit Germany 2025Splunk

Quantum Computing Quick Research Guide by Arthur MorganArthur Morgan

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