angularjs – 如何使用App Config中初始化的Angular Translate测试控制器?

我有一个使用Angular Translate( https://github.com/PascalPrecht/angular-translate)的应用程序.翻译通过浏览器在应用程序中运行良好,但当我尝试测试任何控制器时,我得到错误:意外请求:GET locale / locale-en.json.我如何对我的控制器进行单元测试,因为translate在启动时会对语言文件进行GET请求?

我正在使用与Karma的yeoman角度发生器.

App.js:

angular.module('myApp',['ngCookies','ui.bootstrap','pascalprecht.translate'])
  .config(function ($routeProvider,$locationProvider,$translateProvider) {

    $routeProvider
      .when('/',{
        templateUrl: 'views/main.html',controller: 'MainCtrl'
      })
      .otherwise({
        redirectTo: '/'
      });

      $translateProvider.useStaticFilesLoader({
        prefix: 'locale/locale-',suffix: '.json'
      });
      $translateProvider.uses('en');
      $translateProvider.useLocalStorage();
  });

控制器测试:

describe('Controller: DocumentationCtrl',function () {

  // load the controller's module
  beforeEach(module('myApp'));

  var DocumentationCtrl,scope,$httpBackend;

  // Initialize the controller and a mock scope
  beforeEach(inject(function ($controller,$rootScope,$injector) {
    $httpBackend = $injector.get('$httpBackend');
    scope = $rootScope.$new();
    DocumentationCtrl = $controller('DocumentationCtrl',{
      $scope: scope
    });
  }));

  it('should attach a list of awesomeThings to the scope',function () {
    $httpBackend.whenGET('locale/locale-en.json').respond(200,{
      "TITLE": 'My App'
    });
    expect(scope.awesomeThings.length).toBe(3);
  });

});

文档控制器只是标准生成的控制器.

您必须在配置阶段指定首选语言,而不是运行阶段.所以$translate.uses(‘us’)变成$translateProvider.preferredLanguage(‘us’).
useLocalStorage()也是如此.这些都是配置$translate服务的方法.

您还应该尝试避免使用uses()来设置默认语言.请改用preferLanguage().原因是,$translate.uses()尝试尽快加载i18n文件,如果有一个cookie或类似的使用另一个语言密钥,uses()将加载两个文件,这就是我们引入preferredLanguage()的原因,是的,这应该解决问题.

相关文章

AngularJS 是一个JavaScript 框架。它可通过 注:建议把脚本放在 元素的底部。这会提高网页加载速度,因...
angluarjs中页面初始化的时候会出现语法{{}}在页面中问题,也即是页面闪烁问题。出现这个的原因是:由于...
AngularJS 通过被称为指令的新属性来扩展 HTML。AngularJS 指令AngularJS 指令是扩展的 HTML 属性,带有...
AngularJS 使用表达式把数据绑定到 HTML。AngularJS 表达式AngularJS 表达式写在双大括号内:{{ expres...
ng-repeat 指令可以完美的显示表格。在表格中显示数据 {{ x.Name }} {{ x.Country }} 使用 CSS 样式为了...
$http是 AngularJS 中的一个核心服务,用于读取远程服务器的数据。读取 JSON 文件下是存储在web服务器上...