Cucumber.js: Cuke up your JavaScript!

We're now living the golden age of JavaScript. An increasingly number of people are seeing it as a complete language. Therefore, agile development practices are now being adapted and applied to JavaScript code production. However, there has been a lack of support tools in the JS ecosystem, compared to what can be found on other platforms.

A year ago, native BDD solutions similar to Cucumber were almost inexistant. Yet the need for it was manifest. It didn't take me long before I proposed and started hacking on the port of our favourite cucurbitaceae.

Cucumber.js is a native JavaScript implementation of Cucumber. It is a strict port that can run on any JavaScript environment. It runs on Node.js as well as within any browsers, making it virtually serviceable against everything producing JavaScript and HTML (Node.js, Ruby on Rails, PHP, .Net, etc.).

This is an introduction to the young Cucumber.js. After briefly exposing the history and goals of the project, I'll demonstrate how to write features, step definitions, hooks, support code, how to invoke it from both Node.js and browser environments.

Presented at:
- CukeUp! 2012: http://skillsmatter.com/podcast/agile-testing/cucumber-js-cuke-up-your-javascript
- LNUG June 2012: http://lnug.org/

Transcript

1. ...Cuke up your JavaScript! @cucumber_js
2. Julien Biezemans @jbpros http://jbpros.net
3. Why?
6. Behaviour-Driven Development
7. Outside-in
8. Tools?
9. RSpec
11. ?
12. Bootstrap
15. Environments
16. Node.js
17. CLI apps
18. Selenium Web apps
19. zombie.js, phantom.js, ... Headless web apps
20. Browser
21. Web apps
22. Cukecipes
24. Getting started
25. features/manage_recipes.feature
28. World
31. app/models/recipe.js
33. Tags
35. Hooks
38. Headless
39. Many worlds
41. features/support/world.js
42. features/support/persistence_world.js
43. Zombie.js
46. Automated browser
47. Selenium
50. In-browser
53. http://is.gd/cukejs
54. http://is.gd/cukejs
55. Full stack http://is.gd/cukejs
56. http://is.gd/cukejs
57. Anyone can cuke.
59. How to set the context?
60. Photo: Richard Vantielcke - LudImaginary (http://www.ludimaginary.net)
62. Is it stable?
63. itself
64. Node.js & Ruby on Rails
65. .net, PHP, Java, ...
66. The future
67. Kite App Browser DSL Step defs Selenium Driver World Cukestall Driver Zombie.js Driver iFrame Zombie.js Gherkin EXP ER IM EN TAL
68. features/support/kite_world.js EXPERIMEN
69. features/support/kite_world.js EXPERIM ENT
70. Cukestall EXPERIM ENTA
71. cucumber-html
72. Catch up with Cucumber.rb
73. Documentation * This book does not exist, obviously.
74. We need you!
77. http://checkthis.com/cukejs-talk