我在获取 Jasmine 测试文件以从 Knockoutjs 文件中获取数据时遇到问题。我能够创建 knockout 可观察值并测试规范文件中的可观察值,但不能测试其他文件。由于某种原因,当我尝试从 viewmodel.js 文件访问规范文件中的 mainViewModel()
时,找不到它。我已包含/定义了所有 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>
最佳答案
以下是您需要解决的一些问题:
AMD
require
function with a callback是异步的。这意味着viewmodel
在测试运行之后才会被设置。无需使用require
,只需将testViewModel
作为依赖项包含在测试的define
调用中即可。或者,您可以使用同步 API 形式:tvm = require('testViewModel')
。viewmodel.js
返回mainViewModel
function 作为模块导出。这就是您在其他地方引用它时会得到的结果。因此,您可以使用viewmodel = tvm()
,而不是viewmodel = tvm.mainViewModel()
。
关于javascript - Jasmine 使用 requirejs 测试 knockout.js,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33158112/