Grunt 运行 Jasmine 测试: grunt-contrib-jasmine-示例 | 隔叶黄莺 Yanbin Blog

2014-04-19 | 阅读(1,226)

上一篇是 Grunt 运行 Jasmine 测试用例: grunt-contrib-jasmine-实例，本篇叫做示例。其竟在于对 grunt-contrib-jasmine-example 的简单的窥探，进而自己的项目中可以如何如何。

如果剔除该项目的几个外围文件，就只下面的结构了

├── Gruntfile.js
├── package.json
├── spec
│   ├── PlayerSpec.js
│   └── SpecHelper.js
└── src
    ├── Player.js
    └── Song.js

├── Gruntfile.js

├── package.json

├── spec

│ ├── PlayerSpec.js

│ └── SpecHelper.js

└── src

├── Player.js

└── Song.js

这算是一个最简单的 Jasmine 项目布局了。各位可以自己去查看上面的 Gruntfile.js 和 package.json 的内容，我这里自己来亲自打造一个比这还更简单的项目来，把原来的 jshint 任务也拿掉了。

1. 首先创建项目目录 TestJasmine

2. 在其中创建 package.json 文件，内容基本不能再节俭了

{
 "name": "TestJasmine",
 "version": "0.1.0"
}

{

"name": "TestJasmine",

"version": "0.1.0"

}

3. 加入 grunt-contrib-jasmine 依赖，通过运行 npm install grunt-contrib-jasmine --save-dev , 这时候 package.json 中的内容变成

{
  "name": "TestJasmine",
  "version" : "0.1.0",
  "devDependencies": {
    "grunt-contrib-jasmine": "~0.6.3"
  } 
}

{

"name": "TestJasmine",

"version" : "0.1.0",

"devDependencies": {

"grunt-contrib-jasmine": "~0.6.3"

}

4. 创建 Gruntfile.js 文件，不需要单独运行 npm install 命令了，Gruntfile.js 的内容

module.exports = function(grunt) {
  'use strict';

  // Project configuration.
  grunt.initConfig({
    jasmine : {
      src : 'src/**/*.js',
      options : {
        specs : 'spec/**/*.js',
        keepRunner: true
      }
    }
 });

  grunt.loadNpmTasks('grunt-contrib-jasmine');

  grunt.registerTask('test', ['jasmine']);
  grunt.registerTask('default', ['test']);
};

module.exports = function(grunt) {

'use strict';

// Project configuration.

grunt.initConfig({

jasmine : {

src : 'src/**/*.js',

options : {

specs : 'spec/**/*.js',

keepRunner: true

}

});

grunt.loadNpmTasks('grunt-contrib-jasmine');

grunt.registerTask('test', ['jasmine']);

grunt.registerTask('default', ['test']);

};

现在 Gruntfile.js 和 package.json 都有了，就差实际的项目文件了。这里继续发扬一切从俭的原则，坚决不让火葬比土葬的成本还高，对大自然造成的危害更大。

5. 创建待测试代码 src/Animals.js，内容为

var panda = 'happy';
var bear = 'sad';

1 2	var panda = 'happy'; var bear = 'sad';

6. 创建 spec/AnimalsSpec.js, 内容为

describe('Animals',function(){
  it('Panda is happy',function(){
    expect(panda).toBe('happy');
  });

  it('Bear is happy like the panda',function(){
    expect(bear).toBe('happy');
  });
});