大佬教程收集整理的这篇文章主要介绍了angularjs – 如何用茉莉花测试John Papa vm.model单元测试？，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。
遵循风格John papa style controller style guide：
function TESTController() { var vm = this; vm.model = { name: "controllerAs vm test" }; }
我的测试代码如下：
describe('Controller: TESTController',function () {
beforeEach(module('myApp'));
var TESTController;
beforeEach(inject(function ($controller) {
scope = {};
TESTController = $controller('TESTController',{
});
}));
it('should have vm.model defined and TESTController.vm.model is equal to controllerAs vm test',function () {
expect(TESTController.vm).toBeDefined();
expect(TESTController.vm.model).toBeDefined();
expect(TESTController.vm.model.Name).toEqual("controllerAs vm test");
});
});
结果：
测试失败：
结果消息：预期未定义。
在堆栈
所以我的问题是我们如何从这个测试vm.model和其他变量？在指导线中没有找到正确的引导线：controllers
因此，所有的@L_262_4@都直接挂在对象上。
function foo(){ var vm = this; vm.name = 'Josh'; } var myFoo = new foo(); myFoo.name; // 'Josh';
所以所有你需要做的是改变你的期望，以删除vm@L_262_4@。
expect(TESTController).toBeDefined(); expect(TESTController.model).toBeDefined(); expect(TESTController.model.Name).toEqual("controllerAs vm test");
为了证明这一点，以下是您的具体例子，以及相关的茉莉花测试。
function TESTController() { var vm = this; vm.model = { name: "controllerAs vm test" }; } angular.module('myApp',[]) .controller('TESTController',TESTController); describe('Controller: TESTController',function() { beforeEach(module('myApp')); var TESTController; beforeEach(inject(function($controller) { scope = {}; TESTController = $controller('TESTController',{}); })); it('should have model defined and TESTController.model.name is equal to controllerAs vm test',function() { expect(TESTController).toBeDefined(); expect(TESTController.model).toBeDefined(); expect(TESTController.model.Name).toEqual("controllerAs vm test"); }); it('should not have a property called vm',function() { expect(TESTController.vm).toBeUndefined(); }); });
<link href="https://cdnjs.cloudFlare.com/ajax/libs/jasmine/2.2.1/jasmine.css" rel="stylesheet" /> <script src="https://cdnjs.cloudFlare.com/ajax/libs/jasmine/2.2.1/jasmine.js"></script> <script src="https://cdnjs.cloudFlare.com/ajax/libs/jasmine/2.2.1/jasmine-html.js"></script> <script src="https://cdnjs.cloudFlare.com/ajax/libs/jasmine/2.2.1/boot.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.0-beta.4/angular.min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.0-beta.4/angular-mocks.js"></script>
以上是大佬教程为你收集整理的angularjs – 如何用茉莉花测试John Papa vm.model单元测试？全部内容，希望文章能够帮你解决angularjs – 如何用茉莉花测试John Papa vm.model单元测试？所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。