單元測試使用$過濾器控制器功能（「翻譯」）

我有它返回一個字符串拼接與翻譯過濾器的返回值的控制器功能：

$scope.getDetails = function(history) { 
    return angular.fromJson(history.value).name + $filter('translate')('CATALOGUE_HISTORY.ADD_ACTION'); 
};

我現在寫一個測試檢查函數返回預期的字符串，迄今已整理出以下：

'use strict'; 
    describe('CatalogueHistoryController', function() { 
     var $controller, $filter, $scope, controller, history; 

     beforeEach(function() { 
     module('app'); 
     }); 
     beforeEach(inject(function(_$controller_, _$filter_) { 
     $controller = _$controller_; 
     $filter = _$filter_; 
     })); 
     beforeEach(function() { 
     $scope = {}; 
     $httpBackend.expectGET('assets/locale/en_gb.json').respond({}) 
     controller = $controller('CatalogueHistoryController', { 
      $scope: $scope, 
      $filter: $filter 
     }); 
     }); 
     describe('$scope.getDetails', function() { 
     beforeEach(function() { 
      history = { 
      value: "{\"id\":3,\"name\":\"Some Name\"}" 
      }; 
     }); 
     it('should produce an add message', function() { 
      expect($scope.getDetails(history)).toEqual('Some Name was added to the catalogue'); 
     }); 
     }); 
    });

當測試運行時，它失敗：

預計「一些NameCATALOGUE_HISTO RY.ADD_ACTION'等於'某個名稱已添加到目錄'。

我是否需要以特定的CATALOGUE_HISTORY.ADD_ACTION ID的某種方式來模擬翻譯過濾器？

編輯

我目前配置的角度轉換，像這樣：

angular.module('app').config(function($translateProvider) { 
    $translateProvider.useStaticFilesLoader({ 
    prefix: 'assets/locale/', 
    suffix: '.json' 
    }); 
    $translateProvider.preferredLanguage('en_gb'); 
    $translateProvider.useSanitizeValueStrategy('sanitize'); 
});

來源

2015-09-04 mindparse

在哪裏，以及如何爲角翻譯配置？ –

看到我的編輯，我實際上在beforeEach中添加了$ httpBackend.expectGET（'assets/locale/en_gb.json'），但我不確定如何將響應屬性設置爲對該json文件的實際響應。 – mindparse

最簡單的方法是使用https://www.npmjs.com/package/karma-ng-json2js-preprocessor定義包含json文件的角常量，並使用測試模塊配置帶這些常量的angular-translate，而不是一個靜態文件加載器。沒有http請求嘲笑了，並且你的真實文件被使用 –

我會嘲笑$filter並注入它的嘲笑版本。

您在此特定測試中的目標是測試您自己的功能，而不是測試過濾器。過濾器測試屬於過濾器實現。

可以說有很多方法來模擬過濾器，here's one關於翻譯過濾器本身。

一旦你確保無論何時調用測試$filter('translate')('has been entered');它只是返回你把這個字符串（即'has been entered'在這種情況下）你的測試將是一樣簡單：

describe('$scope.getDetails', function() { 
    beforeEach(function() { 
     history = { 
     value: "{\"id\":3,\"name\":\"Some Name\"}" 
     }; 
    }); 
    it('should produce an add message', function() { 
     expect($scope.getDetails(history)).toEqual('Some Name has been entered'); 
    }); 
    });

來源

2015-09-04 10:44:59 Nobita

單元測試使用$過濾器控制器功能（「翻譯」）

回答

相關問題