SlideShare a Scribd company logo
Headless BDD & Responsive Test
Automation
Shashikant Jagtap
Twitter: @Shashikant86
Blogs: http://shashikantjagtap.net
Topics
 How BDD Tools Work
 Headless Drivers, BDD and Benefits
 Behat+Zombie &
Cucumber+Poltergeist
 Demo
Cucumber+Capybara+Poltergeist
 Demo
Behat+Mink+Zombie+PhantomJS
 Responsive Automation
BDD Tools
 Popular BDD Tools Cucumber, Behat
 Web Acceptance Testing Frameworks
Capybara, Mink
 Drivers Selenium, Watir, PhantomJS,
Zombie
Benefits of using Headless Drivers
 Drivers with no reals Browsers
PhantomJS, Zombie
 Fast
 No XVFB, VNC on Linux
 Screenshots and JS Error Detection
 Debugging
Zombie
 NodeJS
 Npm
 Zombie
$ brew install node
$ npm install npm
PhantomJS
 Headless Browser with full JavaScript
Support
$ brew install phantomjs
$ phantomjs your/awesome.js
Setting up Headless Cucumber
 Cucumber + Capybara + Poltergiest
 GitHub :
https://github.com/teampoltergeist/polt
ergeist
 Demo on GitHub:
https://github.com/Shashikant86/Poltergeis
 Blog:
http://shashikantjagtap.net/cucumber-
capybara-poltergeist-rockstar-bdd-
What's There?
 Gemfile
 require 'capybara/poltergeist'
 Register
Capybara.register_driver :poltergeist do |app|
options = {
:js_errors => t rue,
}
Capybara::Poltergeist::Driver.new(app, options)
end
What You Can Do?
 Detect JS Error
 Capture Network Traffic
 Response Headers
 Capture Screenshot
 Play With Cookies
 Responsive Automation
Responsive Test Automation
 Define ViewPort
window_sizes = {
       :'320' => { :width => 320, :height => 480 },
     :'1026' => { :width => 1026, :height => 1200 },
       }
 Capybara.current_session.driver.resize(width, height)
Setting up Headless Behat
 Behat + Mink + Zombie
 Zombie On GitHub
https://github.com/assaf/zombie
 Behat + Mink + Zombie Demo on GitHub
https://github.com/Shashikant86/Behat-Zomb
 Blog
http://shashikantjagtap.net/using-zombie-
js-driver-with-behats-minkextension/
What's There?
 Composer.json
 Package.json
 "behat/mink-zombie-driver": "*@dev",
 Npm
 node_modules
What You Can Do?
 Make Behat Scenarioes SuperFast
 Response Headers
 Cookies
 Screenshot ? Network Traffic ?
 Stuff Coming Soon
Questions?
THANK YOU

More Related Content

What's hot (20)

PDF
Testing Angular Applications - Jfokus 2017
Matt Raible
 
PDF
Intro to Puppeteer
Islam AlZatary
 
PDF
Front-end Automated Testing
Ruben Teijeiro
 
PDF
Building a PWA with Ionic, Angular, and Spring Boot - GeeCON 2017
Matt Raible
 
PPTX
Yeoman
Mohammed Arif
 
PDF
Put an end to regression with codeception testing
Joe Ferguson
 
PDF
Composer at Scale, Release and Dependency Management
Joe Ferguson
 
PDF
Front end workflow with yeoman
hassan hafez
 
PDF
Cloud Native PWAs (progressive web apps with Spring Boot and Angular) - DevNe...
Matt Raible
 
PDF
Mobile automation using selenium cucumber & appium
Selenium Cucumber
 
PDF
Building Cloud Native Progressive Web Apps with Angular and Spring Boot - Dev...
Matt Raible
 
PDF
Cloud Native Progressive Web Applications - Denver JUG 2016
Matt Raible
 
PDF
Testing Angular 2 Applications - Rich Web 2016
Matt Raible
 
PDF
Midwest PHP 2017 DevOps For Small team
Joe Ferguson
 
PDF
Node.js meets jenkins
Evgeny Goldin
 
PDF
Developing PWAs and Mobile Apps with Ionic, Angular, and JHipster - Devoxx Mo...
Matt Raible
 
PDF
Rapidly scaffold your frontend with yeoman
Simon Waibl
 
PDF
html5 & phonegap
Caesar Chi
 
PPTX
React Native Masterclass
Ahmad Arif Faizin
 
PDF
Webpack and angularjs
Nir Kaufman
 
Testing Angular Applications - Jfokus 2017
Matt Raible
 
Intro to Puppeteer
Islam AlZatary
 
Front-end Automated Testing
Ruben Teijeiro
 
Building a PWA with Ionic, Angular, and Spring Boot - GeeCON 2017
Matt Raible
 
Put an end to regression with codeception testing
Joe Ferguson
 
Composer at Scale, Release and Dependency Management
Joe Ferguson
 
Front end workflow with yeoman
hassan hafez
 
Cloud Native PWAs (progressive web apps with Spring Boot and Angular) - DevNe...
Matt Raible
 
Mobile automation using selenium cucumber & appium
Selenium Cucumber
 
Building Cloud Native Progressive Web Apps with Angular and Spring Boot - Dev...
Matt Raible
 
Cloud Native Progressive Web Applications - Denver JUG 2016
Matt Raible
 
Testing Angular 2 Applications - Rich Web 2016
Matt Raible
 
Midwest PHP 2017 DevOps For Small team
Joe Ferguson
 
Node.js meets jenkins
Evgeny Goldin
 
Developing PWAs and Mobile Apps with Ionic, Angular, and JHipster - Devoxx Mo...
Matt Raible
 
Rapidly scaffold your frontend with yeoman
Simon Waibl
 
html5 & phonegap
Caesar Chi
 
React Native Masterclass
Ahmad Arif Faizin
 
Webpack and angularjs
Nir Kaufman
 

Viewers also liked (7)

ODP
ATDD with Behat and Selenium (LDNSE6)
Shashikant Jagtap
 
PPT
Dockerizing BDD : Ruby-Cucumber Example
Shashikant Jagtap
 
PPTX
Headless Apps on BlackBerry 10.2.1
Bram Vandewalle
 
PPTX
Exactpro Systems for KSTU Students in Kostroma
Iosif Itkin
 
PPT
Behavior Driven Development Pros and Cons
Iosif Itkin
 
PDF
Appium: Automation for Mobile Apps
Sauce Labs
 
PDF
React Nativeはクロスプラットフォームモバイルアプリ開発の夢を見るか #DroidKaigi
Yukiya Nakagawa
 
ATDD with Behat and Selenium (LDNSE6)
Shashikant Jagtap
 
Dockerizing BDD : Ruby-Cucumber Example
Shashikant Jagtap
 
Headless Apps on BlackBerry 10.2.1
Bram Vandewalle
 
Exactpro Systems for KSTU Students in Kostroma
Iosif Itkin
 
Behavior Driven Development Pros and Cons
Iosif Itkin
 
Appium: Automation for Mobile Apps
Sauce Labs
 
React Nativeはクロスプラットフォームモバイルアプリ開発の夢を見るか #DroidKaigi
Yukiya Nakagawa
 
Ad

Similar to Headless BDD & Responsive Test Automation (20)

PPTX
Building your own RC Car with Raspberry Pi
Jeff Prestes
 
PDF
Startup and Rapid web development
Lalit Shandilya
 
PDF
Git hub videowhisper-php-webcam-video-conference_ video conference_ web bas...
bos trevel
 
PDF
Agile android
Godfrey Nolan
 
PDF
Panther loves Symfony apps
Simone D'Amico
 
PDF
aautoPilot
AbhishekBirdawade
 
PDF
우리가 모르는 노드로 할 수 있는 몇가지
Rhio Kim
 
PDF
Ionic - Revolutionizing Hybrid Mobile Application Development
Justin James
 
PDF
Continuous Delivery w projekcie Open Source - Marcin Stachniuk - DevCrowd 2017
MarcinStachniuk
 
PDF
Magento, beginning to end
Jacques Bodin-Hullin
 
PDF
[H3 2012] 우리가 모르는 Node.js로 할 수 있는 몇가지
KTH, 케이티하이텔
 
PPTX
Full stack development in Go
Yves Junqueira
 
PPTX
Developers meetup sep-2017
Seif Ibrahim
 
PDF
Librerías Opensoure de Square
betabeers
 
PDF
IoT Tech Day Coding Mojo slides. Utrecht, April 2016
Mark West
 
PPTX
How To Be A Hacker
Paul Tarjan
 
PDF
Behavior-Driven Development and Automation Testing Using Cucumber Framework W...
KMS Technology
 
PDF
Own the build
connatser
 
PDF
Tech Tools: Simplifying Life for the Busy Research Librarian - Supplementary ...
Christine Tobias
 
PPTX
Ultimate Productivity Tools
Amal Dev
 
Building your own RC Car with Raspberry Pi
Jeff Prestes
 
Startup and Rapid web development
Lalit Shandilya
 
Git hub videowhisper-php-webcam-video-conference_ video conference_ web bas...
bos trevel
 
Agile android
Godfrey Nolan
 
Panther loves Symfony apps
Simone D'Amico
 
aautoPilot
AbhishekBirdawade
 
우리가 모르는 노드로 할 수 있는 몇가지
Rhio Kim
 
Ionic - Revolutionizing Hybrid Mobile Application Development
Justin James
 
Continuous Delivery w projekcie Open Source - Marcin Stachniuk - DevCrowd 2017
MarcinStachniuk
 
Magento, beginning to end
Jacques Bodin-Hullin
 
[H3 2012] 우리가 모르는 Node.js로 할 수 있는 몇가지
KTH, 케이티하이텔
 
Full stack development in Go
Yves Junqueira
 
Developers meetup sep-2017
Seif Ibrahim
 
Librerías Opensoure de Square
betabeers
 
IoT Tech Day Coding Mojo slides. Utrecht, April 2016
Mark West
 
How To Be A Hacker
Paul Tarjan
 
Behavior-Driven Development and Automation Testing Using Cucumber Framework W...
KMS Technology
 
Own the build
connatser
 
Tech Tools: Simplifying Life for the Busy Research Librarian - Supplementary ...
Christine Tobias
 
Ultimate Productivity Tools
Amal Dev
 
Ad

More from Shashikant Jagtap (10)

PDF
Agentic AI: Beyond the Buzz- LangGraph Studio V2
Shashikant Jagtap
 
PDF
NSTC2019: Choosing CI Friendly Mobile Automation Framework
Shashikant Jagtap
 
PDF
SauceCon19: Fashionable XCUITest for iOS App
Shashikant Jagtap
 
PDF
Full Stack Flutter Testing
Shashikant Jagtap
 
PDF
XCUITest Introduction: Test Automation University
Shashikant Jagtap
 
PDF
iOSDevUK Conference- DevOps for iOS Apps
Shashikant Jagtap
 
PDF
Vapor london March 2018
Shashikant Jagtap
 
PDF
Provisioning iOS CI Server with Ansible
Shashikant Jagtap
 
ODP
BDD with Behat Selenium, Sahi and Sauce
Shashikant Jagtap
 
ODP
Test Framework for Acne Selenium+Sahi
Shashikant Jagtap
 
Agentic AI: Beyond the Buzz- LangGraph Studio V2
Shashikant Jagtap
 
NSTC2019: Choosing CI Friendly Mobile Automation Framework
Shashikant Jagtap
 
SauceCon19: Fashionable XCUITest for iOS App
Shashikant Jagtap
 
Full Stack Flutter Testing
Shashikant Jagtap
 
XCUITest Introduction: Test Automation University
Shashikant Jagtap
 
iOSDevUK Conference- DevOps for iOS Apps
Shashikant Jagtap
 
Vapor london March 2018
Shashikant Jagtap
 
Provisioning iOS CI Server with Ansible
Shashikant Jagtap
 
BDD with Behat Selenium, Sahi and Sauce
Shashikant Jagtap
 
Test Framework for Acne Selenium+Sahi
Shashikant Jagtap
 

Recently uploaded (16)

PDF
The Family Secret (essence of loveliness)
Favour Biodun
 
PPTX
presentation on legal and regulatory action
raoharsh4122001
 
PDF
Generalization predition MOOCs - Conference presentation - eMOOCs 2025
pmmorenom01
 
PDF
The Impact of Game Live Streaming on In-Game Purchases of Chinese Young Game ...
Shibaura Institute of Technology
 
PPTX
2025-07-06 Abraham 06 (shared slides).pptx
Dale Wells
 
PPTX
AI presentation for everyone in every fields
dodinhkhai1
 
PDF
Cloud Computing Service Availability.pdf
chakrirocky1
 
PPTX
Pastor Bob Stewart Acts 21 07 09 2025.pptx
FamilyWorshipCenterD
 
PPTX
Presentationexpressions You are student leader and have just come from a stud...
BENSTARBEATZ
 
PPTX
STURGEON BAY WI AG PPT JULY 6 2025.pptx
FamilyWorshipCenterD
 
PPTX
BARRIERS TO EFFECTIVE COMMUNICATION.pptx
shraddham25
 
PPTX
Inspired by VeinSense: Supercharge Your Hackathon with Agentic AI
ShubhamSharma2528
 
PPTX
some leadership theories MBA management.pptx
rkseo19
 
PPTX
Food_and_Drink_Bahasa_Inggris_Kelas_5.pptx
debbystevani36
 
PPTX
Great-Books. Powerpoint presentation. files
tamayocrisgie
 
PDF
Leveraging the Power of Jira Dashboard.pdf
siddharthshukla742740
 
The Family Secret (essence of loveliness)
Favour Biodun
 
presentation on legal and regulatory action
raoharsh4122001
 
Generalization predition MOOCs - Conference presentation - eMOOCs 2025
pmmorenom01
 
The Impact of Game Live Streaming on In-Game Purchases of Chinese Young Game ...
Shibaura Institute of Technology
 
2025-07-06 Abraham 06 (shared slides).pptx
Dale Wells
 
AI presentation for everyone in every fields
dodinhkhai1
 
Cloud Computing Service Availability.pdf
chakrirocky1
 
Pastor Bob Stewart Acts 21 07 09 2025.pptx
FamilyWorshipCenterD
 
Presentationexpressions You are student leader and have just come from a stud...
BENSTARBEATZ
 
STURGEON BAY WI AG PPT JULY 6 2025.pptx
FamilyWorshipCenterD
 
BARRIERS TO EFFECTIVE COMMUNICATION.pptx
shraddham25
 
Inspired by VeinSense: Supercharge Your Hackathon with Agentic AI
ShubhamSharma2528
 
some leadership theories MBA management.pptx
rkseo19
 
Food_and_Drink_Bahasa_Inggris_Kelas_5.pptx
debbystevani36
 
Great-Books. Powerpoint presentation. files
tamayocrisgie
 
Leveraging the Power of Jira Dashboard.pdf
siddharthshukla742740
 

Headless BDD & Responsive Test Automation

  • 1. Headless BDD & Responsive Test Automation Shashikant Jagtap Twitter: @Shashikant86 Blogs: http://shashikantjagtap.net
  • 2. Topics  How BDD Tools Work  Headless Drivers, BDD and Benefits  Behat+Zombie & Cucumber+Poltergeist  Demo Cucumber+Capybara+Poltergeist  Demo Behat+Mink+Zombie+PhantomJS  Responsive Automation
  • 3. BDD Tools  Popular BDD Tools Cucumber, Behat  Web Acceptance Testing Frameworks Capybara, Mink  Drivers Selenium, Watir, PhantomJS, Zombie
  • 4. Benefits of using Headless Drivers  Drivers with no reals Browsers PhantomJS, Zombie  Fast  No XVFB, VNC on Linux  Screenshots and JS Error Detection  Debugging
  • 5. Zombie  NodeJS  Npm  Zombie $ brew install node $ npm install npm
  • 6. PhantomJS  Headless Browser with full JavaScript Support $ brew install phantomjs $ phantomjs your/awesome.js
  • 7. Setting up Headless Cucumber  Cucumber + Capybara + Poltergiest  GitHub : https://github.com/teampoltergeist/polt ergeist  Demo on GitHub: https://github.com/Shashikant86/Poltergeis  Blog: http://shashikantjagtap.net/cucumber- capybara-poltergeist-rockstar-bdd-
  • 8. What's There?  Gemfile  require 'capybara/poltergeist'  Register Capybara.register_driver :poltergeist do |app| options = { :js_errors => t rue, } Capybara::Poltergeist::Driver.new(app, options) end
  • 9. What You Can Do?  Detect JS Error  Capture Network Traffic  Response Headers  Capture Screenshot  Play With Cookies  Responsive Automation
  • 10. Responsive Test Automation  Define ViewPort window_sizes = {        :'320' => { :width => 320, :height => 480 },      :'1026' => { :width => 1026, :height => 1200 },        }  Capybara.current_session.driver.resize(width, height)
  • 11. Setting up Headless Behat  Behat + Mink + Zombie  Zombie On GitHub https://github.com/assaf/zombie  Behat + Mink + Zombie Demo on GitHub https://github.com/Shashikant86/Behat-Zomb  Blog http://shashikantjagtap.net/using-zombie- js-driver-with-behats-minkextension/
  • 12. What's There?  Composer.json  Package.json  "behat/mink-zombie-driver": "*@dev",  Npm  node_modules
  • 13. What You Can Do?  Make Behat Scenarioes SuperFast  Response Headers  Cookies  Screenshot ? Network Traffic ?  Stuff Coming Soon