Jasmine,Grunt,RequireJS在测试输出上失速

时间:2013-06-07 03:08:49

标签: requirejs jasmine gruntjs

我正在尝试创建一个节点样板,并且我正在尝试创建一个运行Jasmine测试的任务。我在Gruntfile.js中有以下配置:

jasmine: {
  src : ['static/test/spec/**/*.js'],
  options: {
    host: 'http://localhost:<%= connect.test.port %>/',
    // specs : 'static/test/spec/**/*.js',
    template: require('grunt-template-jasmine-requirejs'),
    templateOptions: {
      requireConfigFile: 'static/test/SpecRunner.js',
      requireConfig: {
        baseUrl: './'
      }
    }
  }
},
connect: {
  test: {
    port: 8082
  }
}
....
grunt.registerTask('jasmine-test', ['connect', 'jasmine']);

当我运行任务时,我没有收到任何错误,但是我没有比这更进一步:

Running "connect:test" (connect) task
Started connect web server on localhost:8000.

Running "jasmine:src" (jasmine) task
Testing jasmine specs via phantom

创建了_SpecRunner.html文件,当我在浏览器中查看文件时,我不仅看不到任何错误,而且还看到我的茉莉花测试已正常运行。我错过了什么让咕噜咕噜的任务挂起来?

干杯,

Kianosh

1 个答案:

答案 0 :(得分:1)

我能够让你的例子工作得很好,你在这里工作得很好。我做了一些修改,但得到了相同的结果。您正在使用的是connect,它产生一个本地Web服务器,然后测试在浏览器中运行。所以,你的任务没有挂起,只是运行服务器。

但从听起来,您可能希望您的测试在终端中运行?如果是这样,我有一个非常不错的解决方案:

<强>的package.json

{

"name": "Jasmine Tests",
  "description": "Jasmine Testing",
  "version": "0.0.1",
  "devDependencies": {
    "grunt": "0.4.x",
    "grunt-contrib-watch": "~0.2.0",
    "grunt-contrib-jshint": "~0.4.3",
    "grunt-contrib-jasmine": "~0.4.2",
    "phantomjs": "1.8.2-0",
  }
}

<强> Gruntfile.js

module.exports = function(grunt) {
  grunt.initConfig({
    pkg: grunt.file.readJSON("package.json"),
    watch: {
      grunt: {
        files: ["Gruntfile.js", "package.json"],
        tasks: "default"
      },
      javascript: {
        files: ["src/client/**/*.js", "specs/**/*Spec.js"],
        tasks: "test"
      }
    },
    jasmine: {
      src: "src/client/js/*.js",
      options: {
        specs: "specs/client/*Spec.js"
      }
    },
    jshint: {
      all: [
        "Gruntfile.js",
        "src/**/*.js",
        "spec/**/*.js"
      ],
      options: {
        jshintrc: ".jshintrc"
      }
    }
  });
  grunt.loadNpmTasks("grunt-contrib-watch");
  grunt.loadNpmTasks("grunt-contrib-jshint");
  grunt.loadNpmTasks("grunt-contrib-jasmine");
  grunt.registerTask("test", ["jshint", "jasmine"]);
  grunt.registerTask("default", ["test"]);
};

您可以将文件结构更改为适合您的任何内容。设置这两个文件将运行以下命令:

npm install

grunt test

grunt watch

现在我确实添加了一些东西,比如jshint,并且观看...手表是可选的,但它真的很棒。 jshint是我的观点中的必备条件,但请随意将其从解决方案中删除。

密钥确实是phantomjs,它使您能够在“幻像”浏览器中运行这些测试,并输出到终端。

您还需要根据自己的喜好自定义目录。

我在此发布了good blog post(我也进行了服务器端测试)。

编辑:如果您选择这条路线,还需要 .jshintrc 文件。

<强> .jshintrc

{
  "curly"   : true,
  "eqeqeq"  : true,
  "immed"   : true,
  "latedef" : true,
  "newcap"  : true,
  "noarg"   : true,
  "sub"     : true,
  "undef"   : true,
  "boss"    : true,
  "eqnull"  : true,
  "node"    : true,
  "es5"     : true,
  "globals" : {
    "it"         : false,
    "xit"        : false,
    "describe"   : false,
    "xdescribe"  : false,
    "beforeEach" : false,
    "afterEach"  : false,
    "expect"     : false,
    "spyOn"      : false
  }
}

希望这会有所帮助。