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/

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. Web apps
Selenium

19. Headless web apps
zombie.js, phantom.js, ...

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. EX
P
ER
IM
Kite EN
TA
L
Gherkin Selenium
Browser
Driver
Step Cukestall
DSL iFrame App
defs Driver
Zombie.js
Zombie.js
World Driver

68. M EN features/support/kite_world.js
E RI
EXP

69. NT features/support/kite_world.js
E
R IM
P E
E X

70. T A
EN
R IM
P E
E X
Cukestall

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