Setup development environment for testing JavaScript code with Jasmine

1. Up & Running with Jasmine
unit testing JavaScript
Md. Kamarul Kawnayeen

2. Preface
I’m assuming that you write your test code first, before writing your production
code. And when we are talking about a language like JavaScript, we have no
way to ignore unit testing. It has no static typing, no way to make a specific
variable or method private, so many different vendor (like chrome, safari, firefox
etc). If something went wrong, we just don’t know what went wrong.
Here I’ll show how to up & running with Jasmine for testing your JavaScript
code.

3. go here & download
WebStorm

4. After installing, run WebStorm & select “Create New Project”

5. Select “Empty Project” and then select the location & hit “Create”

6. here we are with a blank
project

7. go here & download the
latest standalone version

8. Unzip it, then copy the lib directory & SpecRunner.html

9. Now go to your WebStorm project, right click on the
project name & Paste

10. select ok & those files and folder will be in our project

11. open Specrunner.html & remove
the source & spec files

12. create a new directory scripts and within that directory
create two new js file, math.js & math-spec.js
math.js is our source file & math-spec.js is our spec file

13. As we are good developers :) , so we should write our test
code first. Open math-spec.js & write this simple test code.
describe(string, callback_function) and it(string,
callback_function) are two functions of Jasmine framework.
check details about them here.

14. Open the SpecRunner.html & add the new source
and spec file

15. Now right click on SpecRunner.html & select
Run “SpecRunner.html”

16. Well, we ran our unit test & it fails. Don’t worry, we didn’t write our production
code yet!!!

17. Open math.js & implement the sum function

18. Run SpecRunner.html again & yeah!! we pass this
time.