javascript - Jasmine 测试 : Expected undefined to equal Object

Question

我是 AngularJS 的新手。我创建了以下包含模板和关联 Controller 的组件。

angular.
module('beerDetail').
controller('BeerDetailController',  ['BeerSelection', '$scope', '$rootScope',
  function BeerDetailController(BeerSelection, $scope, $rootScope) {

    let beerSelected = BeerSelection.getBeerSelected();

    $scope.ok = () => { $rootScope.modalInstance.close() };
    $scope.beer = beerSelected;
    $scope.foodPairings = beerSelected.food_pairing.join(", ");

    this.getFormattedIngredients = (ingredients) => {...};

    this.getFormattedMethod = (method) => {...};

    $scope.allIngredients = this.getFormattedIngredients(beerSelected.ingredients);
    $scope.method = this.getFormattedMethod(beerSelected.method);
  }
]).
component('beerDetail', {
  templateUrl: '/components/beer-detail/beer-detail.template.html',
  controller: 'BeerDetailController',
});

我想测试 Controller ，我创建了以下测试来检查传入范围的啤酒是否是调用提供的啤酒:BeerSelection.getBeerSelected():

describe('BeerDetailController', function() {

  it('returns the selected beer', function() {

      beforeEach(module('beerDetail'));

      let $controller;
      let scope;
      let rootScope;
      let createController;
      let beerSelection;
      let beerSelected = {
        "id": 192,
        "name": "Punk IPA 2007 - 2010",
      };

    beforeEach(inject(function ($rootScope, $controller) {
        scope = $rootScope.$new();
        createController = function () {
          return $controller('BeerDetailController',
            {'BeerSelection': beerSelection},
            {'$scope': scope},
            {'$rootScope': rootScope}
            );
          spyOn(beerSelection, 'getBeerSelected').and.returnValues(beerSelected);
        };
    }));

    expect(scope.beer).toEqual(beerSelected);
    });
  });

但是我确实收到以下错误:

Expected undefined to equal Object({ id: 192, name: 'Punk IPA 2007 - 2010' })

可能是什么问题？

Answer 1

您必须调用 createController 方法才能实际创建它。刚刚完成了您在 beforeEach 中完成的任务。

createController();     
expect(scope.beer).toEqual(beerSelected);

应该可以工作

注册(根据评论编辑):

angular.
module('beerDetail').
controller('BeerDetailController',  {your controller function}).
component('beerDetail', {
  templateUrl: '/components/beer-detail/beer-detail.template.html',
  controller: 'BeerDetailController'
....

我认为这个灵魂工作