TDD Setup With Jasmine
- 1. TDD Setup with Jasmine Peter Kha: peter.kha@greatersum.com
- 2. TDD Setup with Jasmine This presentation is a quick walkthrough of how to set up the Jasmine standalone project for test driven development in Javascript. As stated on the Jasmine website: “Jasmine is a behavior-driven development framework for testing JavaScript code. It does not depend on any other JavaScript frameworks. It does not require a DOM. And it has a clean, obvious syntax so that you can easily write tests.” The jasmine website URL at the time of this blog post is https://jasmine.github.io/
- 3. TDD Setup with Jasmine Setting up for test driven development using the Jasmine standalone project requires few parts. You need a web browser that runs javascript. Most up-to-date browsers are compatible. I am using Chrome. You need an editor for Javascript. I will be using Visual Studio Code. You need the Jasmine standalone release, which is available at their website. You will find their latest release under the Releases link.
- 4. TDD Setup with Jasmine Download the latest standalone release available. The standalone release is a zip file that contains most of its dependencies. You can unzip it anywhere. As long as it is compatible with your web browser, it will work. I generally unzip to a location with a short file path. I like to make a repository folder on my hard drive to put all my projects.
- 5. TDD Setup with Jasmine Open the unzipped folder in Visual Studio Code. The editor will list all the folders and files in the jasmine standalone folder. We will need to look at three items: SpecRunner.html spec folder src folder
- 6. TDD Setup with Jasmine The SpecRunner.html will run your tests and give you the results. It runs when you open the html file in the browser. Open the spec runner in Visual Studio Code to see its code.
- 7. TDD Setup with Jasmine When you edit the code of the spec runner, you will see where it includes the files in the spec directory and in the src directory. When you create your own test files and source code files, you will need to add each file under the appropriate section in the SpecRunner.html
- 8. TDD Setup with Jasmine That’s the bare minimum you will need to know to use the Jasmine standalone project! If you would like concrete examples of how to use this project on actual problems, check out the Greater Sum blog, where I write TDD walkthroughs using the Jasmine standalone project. I hope this setup guide helps you get started. Good Luck!