12

私はangularの$resourceを使用するコントローラーをテストしようとしています。

function PermissionsCtrl($scope, $resource, $cookies) {
  var Object = $resource('/v1/objects/:id');
  loadObjects();

  function loadObjects() {
    $scope.myAppObjects = new Array();

    var data = AppObject.get({find: '{"app_id": '+wtm.app_id+'}'},
      function(){
        if (data.results) {
          for(var i = 0; i< data.results.length; i++) {
            if(!data.results[i].is_deleted) {
              (function(i){
                $scope.objects(data.results[i]);
              }(i));
            }
          }
        }
      },
      function(error){console.log(error);});
  }

そして、これがテストコードです。

var apiServer = "...";
var app_id = 999
var mock_object_data = {...};


describe('apps permissionsCtrl', function(){
  var scope, ctrl, $httpBackend;

  // Create a matcher for comparing data 
  beforeEach( function() {
    this.addMatchers({
      toEqualData: function(expected) {
        return angular.equals(this.actual, expected);
      }
    });
  });

  // Create the controller with injected data/services
  beforeEach(inject(function(_$httpBackend_, $rootScope, $controller, $resource) {
    $httpBackend = _$httpBackend_;
    // cookie data to inject
    var cookies = new Array();
    cookies['id'] = '...'; // just needs to be declared


    $httpBackend.expectGET(apiServer+'/v1/app_objects?    find=%7B%22app_id%22:'+app_id+'+%7D&access_token=' + cookies['id'])
      .respond( mock_object_data );

    var $injector = angular.injector(['ng', 'ngResource']);
    var $resource = $injector.get('$resource');

    scope = $rootScope.$new();
    ctrl = $controller(PermissionsCtrl, {$scope: scope, $cookies: cookies, $resource: $resource});
  }));

  it('should put object data into $scope', function() {
    $httpBackend.flush();
    expect(scope.objects).toEqualData( mock_object_data );

}）; }）;

これを実行すると、

Error: Unknown provider: $resourceProvider <- $resource

コントローラーを作成しようとしている行で。これをコントローラーに注入する方法がわかりません。何を試しても同じエラーが発生します。私が試したいくつかのことは

  • 空のモックオブジェクトを宣言し、それを私のcookies変数と同様に渡します。私は実際にサービスを利用したいので、これはおそらくとにかく悪い解決策だと思います。
  • スコープのモックを模倣し、それを注入関数に渡し、$resource。$new（）をコントローラーに渡します。
  • とにかくそれが最終的に呼ばれるものなので、何もせず、httpBackendがそれをカバーすることを期待しています。VojtaJínaはそれがうまくいくように聞こえましたが、サイコロはありませんでした。
  • 軽度の形容詞。満足できるがあまり効果的ではない。
4

2 に答える 2

7

もっと読んでもっと実験した後、これを行う正しい方法は、コントローラーから $resource の使用を抽象化することです。私の場合、$resource に依存するサービスを作成し、そのサービスをコントローラーに注入しました。その間、コントローラーとは別にそのサービスをテストします。全体的により良い練習。

私のサービス宣言:

angular.module('apiModule', ['localResource', 'ngCookies'])
.factory('apiService', function($resource, $cookies) {

私の単体テストでは、 beforeEach セットアップ関数でそれを渡します

beforeEach(module('apiModule'));
于 2013-01-16T01:37:05.917 に答える
6

$resource次のコードでインスタンス化を試みます。

var $injector = angular.injector(['ng', 'ngResource']);
var $resource = $injector.get('$resource');

他のモジュールにある場合を除いて、他のサービスについても同様です。次に、そのモジュールを配列に追加します。

より詳しい情報

于 2013-01-09T17:54:13.920 に答える