茉莉花测试knockout.js与requirejs

我无法让我的茉莉花测试文件从我的knockoutjs文件中获取数据。我能够创建knockout observables并在spec文件中测试它们，但不能测试其他文件。出于某种原因，当我尝试访问来自viewmodel.js文件的spec文件中的mainViewModel()时，未找到它。我有所有requirejs文件包括/定义，但由于某种原因，它仍然无法正常工作。茉莉花测试knockout.js与requirejs

这里是我的代码：

viewmodel.js：

define(["knockout", "jquery"], function (ko, $) { 

    var data = { 
     Name:"The Plan", 
     Id: 1 
    }; 

    var TestViewModel = function (data) { 
     var self = this; 

     self.planName = ko.observable(data.Name); 
     self.planId = ko.observable(data.Id); 

     return self; 
    } 

    function mainViewModel() { 
     var self = this; 

     self.plan = ko.observableArray([]); 
     self.plan.push(new TestViewModel(data)); 
    } 

    return mainViewModel; 

});

someSpec.js文件：

define(["knockout", "jquery"], function (ko, $) { 

describe("MyTestSpec", function() { 

    var viewmodel, data; 

    beforeEach(function() { 
     require(["knockout", "jquery", "testsViewModel"], function(ko, $, tvm){ 
      viewmodel = tvm.mainViewModel(); 
     }); 
    }); 

    it("should be able to connect to View Model file", function() {   
     expect(viewmodel.Id).toBe(1); 
    }); 
}); 
});

index.html文件：

<script type="text/javascript" src="Scripts/jasmine.js"></script> 
    <script type="text/javascript" src="Scripts/jasmine-html.js"></script> 
    <script type="text/javascript" src="Scripts/boot.js"></script> 

    <script type="text/javascript" src="Scripts/require.js"></script> 

    <script type="text/javascript"> 
    require.config({ 
     paths: { 
     "jquery": './Scripts/jquery-1.10.2.min', 
     "knockout": './Scripts/knockout.debug', 
     "testViewModel" :"./Scripts/viewmodel", 
     } 
    }); 
    // list spec files here 
    require(["knockout","jquery","specs/someSpec", "testViewModel"], function() { 
     window.onload(); 
    }); 
</script>

来源

2015-10-15 Fahad Jameel

这里有几件你需要的东西修复：

AMD require function with a callback是异步的。这意味着viewmodel只有在您的测试运行后才能设置。而不是使用require，只需在测试的define调用中包含testViewModel作为依赖关系。或者，您可以使用同步API表单：tvm = require('testViewModel')。
viewmodel.js正在返回mainViewModel功能作为模块导出。所以这就是你在别处引用它时会得到的。所以，而不是viewmodel = tvm.mainViewModel()，你会使用viewmodel = tvm()。

来源

2015-10-16 03:14:32

伟大的建议，它的一些额外的修复工作。 'mainViewModel（）'没有返回任何东西，所以声明的变量/函数是私有的，可以通过someSpec.js访问。我刚刚添加'返回TestViewModel（数据）'以及您的建议，它工作正常。 –

@FahadJameel我正在用knockout和requirejs进行测试。我发现嘲笑requirejs使用的依赖关系令人费解。你是如何解决这个问题的？ – user2829759

茉莉花测试knockout.js与requirejs

回答

相关问题