BDD with CucumberJS and WebdriverIO
0 likes227 views
This document summarizes a presentation about using CucumberJS, WebDriverIO, and Docker for behavior-driven development (BDD) and continuous integration (CI). It discusses using CucumberJS with Gherkin syntax to write automated test cases in a business-readable format. WebDriverIO is introduced as a framework for automating tests in Node.js. The presentation demonstrates setting up a WebDriverIO project, running tests in Docker containers, and integrating everything with Travis CI for continuous testing. Code examples are provided for configuring WebDriverIO to use Docker services and setting up Docker containers in a Travis CI configuration file.
![Run in Docker
yarn add wdio-docker-service --dev
// wdio.conf.js
exports.config = {
// ...
services: ['docker’],
// ...
};
https://webdriver.io/docs/wdio-docker-service.html](https://image.slidesharecdn.com/rizwan-cucumberjs-webdriverio-200728031758/85/BDD-with-CucumberJS-and-WebdriverIO-12-320.jpg)
![But, CI? How?
services: ['docker'],
dockerOptions: {
image: 'selenium/standalone-chrome',
healthCheck: 'http://localhost:4444',
options: {
p: ['4444:4444'],
shmSize: '2g'
}
}
before_install:
- docker pull selenium/node-
chrome:latest
- docker pull selenium/hub:latest
- docker run -d -p 4444:4444 --
name selenium-hub selenium/hub:latest
- docker run -d --link selenium-
hub:hub --name selenium-node-chrome -
v /dev/shm:/dev/shm selenium/node-
chrome:latest
Wdio.conf.js
.travis.yml](https://image.slidesharecdn.com/rizwan-cucumberjs-webdriverio-200728031758/85/BDD-with-CucumberJS-and-WebdriverIO-13-320.jpg)
![But, CI? How?
services: ['docker'],
dockerOptions: {
image: 'selenium/standalone-chrome',
healthCheck: 'http://localhost:4444',
options: {
p: ['4444:4444'],
shmSize: '2g'
}
}
Wdio.conf.js
before_install:
- docker pull selenium/node-
chrome:latest
- docker pull selenium/hub:latest
- docker run -d -p 4444:4444 --
name selenium-hub selenium/hub:latest
- docker run -d --link selenium-
hub:hub --name selenium-node-chrome -
v /dev/shm:/dev/shm selenium/node-
chrome:latest
.travis.yml
https://travis-ci.com/github/rizviews/bsta-presentation-example](https://image.slidesharecdn.com/rizwan-cucumberjs-webdriverio-200728031758/85/BDD-with-CucumberJS-and-WebdriverIO-14-320.jpg)
Ad
More Related Content
What's hot (20)
Similar to BDD with CucumberJS and WebdriverIO (20)
Ad
Recently uploaded (20)
![Get & Download Wondershare Filmora Crack Latest [2025]](https://cdn.slidesharecdn.com/ss_thumbnails/revolutionizingresidentialwi-fi-250422112639-60fb726f-250429170801-59e1b240-thumbnail.jpg?width=560&fit=bounds)
![Download Wondershare Filmora Crack [2025] With Latest](https://cdn.slidesharecdn.com/ss_thumbnails/neo4j-howkgsareshapingthefutureofgenerativeaiatawssummitlondonapril2024-240426125209-2d9db05d-250419-250428115407-a04afffa-thumbnail.jpg?width=560&fit=bounds)
Ad
BDD with CucumberJS and WebdriverIO
- 1. BDD with CucumberJS and WebdriverIO With Docker and CI http://www.rizviews.com
- 2. Who am I?01 Selenium and Webdriver02 BDD and Gherkin03 The Cucumber!04Agenda WebDriverIO05 Run in Docker06 Demo07
- 3. To the Audience Assumption: audience have basic understanding of software testing and automated testing. I do not presume that the audience ever heard of cucumber and gherkin (other than the vegetables) This presentation is intended for the fresher as well And I am not advocating any tool here I made this presentation organic themed just for no reason
- 4. M Rizwanur Rashid QA Lead, Inscale Malaysia (Adform) https://www.linkedin.com/in/rizregion/ [email protected] Test Automation Specialist Proud Dad Tech Enthusiastic Daughter’s Best Friend
- 5. Selenium & WebDriver Selenium A portable framework for web applications. Automates web browser. Opensource Supports multiple language through API Easy to establish incremental process WebDriver An advanced framework of Selenium Still opensource Much faster than Selenium RC Communicates directly with the Browser Simpler and straightforward API Native version of API
- 6. BDD Not Body Dysmorphic Disorder (BDD) A process of Software Development Minimise the gap between devs and business people (e.g. BA) Easy to establish an incremental process Gherkin Provides grammar for BDD Unambiguous executable specification Helps to automate with simple English written specification Document how the system actually behaves BDD & Gherkin
- 8. The Cucumber! And… Features and step definitions Features? Given, When, Then What? A tool to support BDD Business Facing Features ScenariosSteps Technical Facing Step definitions Utility code Design pattern
- 10. WebdriverIO Content Here Get a modern PowerPoint Presentation that is beautifully designed. hope and I believe that this Template will your Time. Content Here Get a modern PowerPoint Presentation that is beautifully designed. hope and I believe that this Template will your Time. Content Here Get a modern PowerPoint Presentation that is beautifully designed. hope and I believe that this Template will your Time. Advanced and rich in feature Easy to configure NodeJS native Easy to run with cloud like Browserstack or Saucelab Support different runner like Jest, Mocha, Jasmin. Different reporting mechanism lke Allure or cucumber-html-reporting
- 11. 1st 2st 3rd 4th Create empty directory. yarn init or npm init Verify wdio.conf.js yarn add @wdio/cli –dev npx wdio config Lets dig in! Setup WebdriverIO Project
- 12. Run in Docker yarn add wdio-docker-service --dev // wdio.conf.js exports.config = { // ... services: ['docker’], // ... }; https://webdriver.io/docs/wdio-docker-service.html
- 13. But, CI? How? services: ['docker'], dockerOptions: { image: 'selenium/standalone-chrome', healthCheck: 'http://localhost:4444', options: { p: ['4444:4444'], shmSize: '2g' } } before_install: - docker pull selenium/node- chrome:latest - docker pull selenium/hub:latest - docker run -d -p 4444:4444 -- name selenium-hub selenium/hub:latest - docker run -d --link selenium- hub:hub --name selenium-node-chrome - v /dev/shm:/dev/shm selenium/node- chrome:latest Wdio.conf.js .travis.yml
- 14. But, CI? How? services: ['docker'], dockerOptions: { image: 'selenium/standalone-chrome', healthCheck: 'http://localhost:4444', options: { p: ['4444:4444'], shmSize: '2g' } } Wdio.conf.js before_install: - docker pull selenium/node- chrome:latest - docker pull selenium/hub:latest - docker run -d -p 4444:4444 -- name selenium-hub selenium/hub:latest - docker run -d --link selenium- hub:hub --name selenium-node-chrome - v /dev/shm:/dev/shm selenium/node- chrome:latest .travis.yml https://travis-ci.com/github/rizviews/bsta-presentation-example