Jasmine Overview
Jasmine is a JavaScript unit testing framework similar to MS Test or NUnit. Jasmine requires four references to get it to work:
- Jasmine.js
- Jasmine-html.js
- Jasmine.css
- boot.js
Let's test the following JavaScript:
function ExtractNumbers(text) {
if (!text)
return text;
return text.replace( /\D+/g, '');
}
Here is the test that you would write in Jasmine:
describe("Common tests", function() {
it("ExtractNumbers method should extract numbers from a string", function () {
expect(ExtractNumbers("Logan 5, Francis 7")).toBe("57");
});
});
I have created a JSFiddle to demonstrate:
Using Jasmine with Visual Studio and MS Test
Follow these steps to create a Jasmine project with Visual Studio:
1. Create a blank web project (not a class library like you would do for MS Test or NUnit)
2. Create a similar folder structure for the JavaScript files you wish to test.
3. Add the JavaScript files as links in your project
4. You will need to manually download Jasmine from GitHub and put the files in the Scripts folder since there is no recent Nuget package.
5. Under Tools -> Extensions and updates, Visual Studio Gallery. Search and Install Chutzpah Test Adapter for the Test Explorer which is a JavaScript test runner for Visual Studio. Also install Chutzpah Test Runner Context Menu Extension. Chutzpah works with QUnit, Jasmine, and Mocha testing frameworks.
6. Add a JavaScript file that will be used for the tests. Add a reference at the top to the JavaScript file you wish to test by simply dragging and dropping the file to the top. Here is an example:
/// <reference path="../../UI/Scripts/Common.js" />
describe("Common tests", function() {
it("ExtractNumbers method should extract numbers from a string", function () {
expect(ExtractNumbers("Logan 5, Francis 7")).toBe("57");
});
});
Using Jasmine with Resharper
Follow the same steps above for Resharper except Chutzpah is not required for Resharper. Resharper works out of the box with QUnit and Jasmine to run JavaScript tests.
