【发布时间】:2014-02-13 10:11:59
【问题描述】:
我正在使用 AngularJS 并尝试测试一个控制器,该控制器调用工厂来获取一些数据。
这是控制器代码:
'use strict'
angular.module('AngularApp')
.controller 'IndexCtrl', ($scope, session, navigation) ->
session.find().then (response) ->
$scope.session = response.data
$scope.someOtherVariable = {}
当然,我想用模拟交换工厂以防止调用真正的 API。我正在尝试使用 $provide.factory 来注入模拟副本:
'use strict'
describe 'Controller: IndexCtrl', ->
# load the controller's module
beforeEach module 'mosaicAdminWebClientApp'
beforeEach module ($provide) ->
$provide.factory 'session', ->
true
IndexCtrl = {}
scope = {}
# Initialize the controller and a mock scope
beforeEach inject ($controller, $rootScope) ->
scope = $rootScope.$new()
IndexCtrl = $controller 'IndexCtrl', {
$scope: scope
}
it 'should attach a list of awesomeThings to the scope', ->
expect(true).toBe true
当用 Karma 运行这个测试时,我猜这个错误:
Chrome 32.0.1700 (Mac OS X 10.9.1) Controller: IndexCtrl should attach a list of awesomeThings to the scope FAILED
Error: [ng:areq] Argument 'fn' is not a function, got Object
http://errors.angularjs.org/1.2.10-build.2176+sha.e020916/ng/areq?p0=fn&p1=not%20a%20function%2C%20got%20Object
at /Users/blaiz/Documents/some_angular_app/app/bower_components/angular/angular.js:78:12
at assertArg (/Users/blaiz/Documents/some_angular_app/app/bower_components/angular/angular.js:1363:11)
at assertArgFn (/Users/blaiz/Documents/some_angular_app/app/bower_components/angular/angular.js:1373:3)
at annotate (/Users/blaiz/Documents/some_angular_app/app/bower_components/angular/angular.js:3019:5)
at Object.invoke (/Users/blaiz/Documents/some_angular_app/app/bower_components/angular/angular.js:3685:21)
at /Users/blaiz/Documents/some_angular_app/app/bower_components/angular/angular.js:3554:71
at Array.forEach (native)
at forEach (/Users/blaiz/Documents/some_angular_app/app/bower_components/angular/angular.js:303:11)
at Object.createInjector [as injector] (/Users/blaiz/Documents/some_angular_app/app/bower_components/angular/angular.js:3554:3)
at workFn (/Users/blaiz/Documents/some_angular_app/app/bower_components/angular-mocks/angular-mocks.js:2144:52)
Chrome 32.0.1700 (Mac OS X 10.9.1): Executed 10 of 10 (1 FAILED) (0.26 secs / 0.068 secs)
Warning: Task "karma:unit" failed. Use --force to continue.
Aborted due to warnings.
我尝试了许多不同的排列方式,例如删除标签、传递对象或简单值而不是函数,但都没有奏效。
文档 (http://docs.angularjs.org/api/AUTO.$provide) 表明我应该使用 as factory(name, $getFn) 调用 factory() 方法,其中 name 是字符串,$getFn 是函数。这就是我正在做的,但它不起作用。
我错过了什么?有谁知道如何在 Jasmine 单元测试中正确使用 $provide?p>
谢谢
更新: 我在这里找到了一个类似的 plunkr 解决了与此类似的问题:stackoverflow.com/questions/19297258/why-is-provide-only-available-in-the-angular-mock-module-function-and-q-onl
我使用此代码创建了自己的 plunkr,但使用 JS 中的测试代码而不是 Coffee 并让它工作:plnkr.co/edit/gfBzMXpKdJgPKnoyJy5A?p=preview
现在我手动将 JS 代码转换为 Coffee:plnkr.co/edit/qGGMayFjJoeYZyFKPjuR?p=preview 错误又回来了,所以咖啡代码是错误的,但是 js 代码可以工作。
【问题讨论】:
-
应用导航菜单。我把它放在工厂里,但它没有调用任何 api 或任何东西,它只是一个 json 文档。对于这个例子并不重要。
标签: angularjs unit-testing coffeescript