包括 Jasmine 规范中的主干.js答案

【问题标题】：including backbone.js in Jasmine's spec包括 Jasmine 规范中的主干.js
【发布时间】：2012-06-11 10:05:27
【问题描述】：

我对backbone.js（以及一般的JavaScript）非常陌生，我正在尝试使用Jasmine 对模型进行单元测试（为此我使用jasmine-node）。我的目录结构如下：

project/
      src/models/mymodel.js
      spec/mymodel.spec.js
      lib/backbone-min.js

现在，我的问题是如何在不将它们包含在 html 页面中的情况下使模型和规范都可以使用主干.js？我想保持 js 代码与 html 分离，并且能够使用 jasmine-node 运行测试

【问题讨论】：

标签： javascript unit-testing backbone.js jasmine

【解决方案1】：

是的，通过使用 node.js 主干（和下划线）模块，您可以在必要时在模型中要求它们，类似这样。

/models/car.js

var args = typeof exports !== 'undefined' ? [exports, require('Backbone')] : [window, window.Backbone];

(function (exports, backbone){

    exports.Car = backbone.Model.extend({
        onHornPress: function () {
            return 'HONK';
        }
    });

}).apply(undefined, args);

/specs/car.spec.js

var Backbone = require('Backbone'),
    Car = require('../models/car.js').Car;

describe("when the horn is pressed", function(){
    var car;

    beforeEach(function(){
        car = new Car();
    });

    it("should honk.", function(){
        var result = car.onHornPress();
        expect(result).toEqual('HONK');
    });

});

/myapp.html

<html>
<head>
    <script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.3.3/underscore-min.js"></script>
    <script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/backbone.js/0.9.2/backbone-min.js"></script>
    <script type="text/javascript" src="models/car.js"></script>
</head>
<body>
<script type="text/javascript">

    var car = new Car();

    console.log(car.onHornPress());

</script>
</body>
</html>

【讨论】：