有人可以幫助解釋如何用Jasmine測試這個AngularJS嗎？

Question

所以我有一個簡單的函數：

wpApp = angular.module('wpApp', ['ngRoute']); 

wpApp.controller("ctrlr", function($scope) { 
    $scope.message = 'This is the page'; 
}); 

而且我想它使用茉莉用下面的規格來進行測試：當實際值來

describe("A suite", function() { 
    var scope; 
    beforeEach(inject(function($rootScope, $controller) { 
     scope = $rootScope.$new(); 
     $controller("controller", { 
      $scope: scope 
     }); 
    })); 

    it("should have the default message", function() { 
     return expect(scope.message).toBe('This is the page'); 
    }); 
}); 

但是，它不工作，沒有定義。

我對AngularJS以及注射的想法都比較陌生。我一直在瀏覽StackOverflow，在文檔和教程中，我似乎無法弄清楚我做錯了什麼。

希望它是一個小東西。有人能幫我看看我需要改變我的規格嗎？

Answer 1

你需要加載模塊：

beforeEach(module('wpApp')); 

然後，你需要加載正確的控制器：

$controller("ctrlr", { 
    $scope: scope 
}); 

完整代碼：

describe("A suite", function() { 
    var scope; 

    beforeEach(module('wpApp')); 

    beforeEach(inject(function($rootScope, $controller) { 
    scope = $rootScope.$new(); 
    $controller("ctrlr", { 
     $scope: scope 
    }); 
    })); 

    it("should have the default message", function() { 
    return expect(scope.message).toBe('This is the page'); 
    }); 
}); 

或者：

describe("A suite", function() { 

    var $scope; 

    beforeEach(function() { 

    module('wpApp'); 

    inject(function($rootScope, $controller) { 

     $scope = $rootScope.$new(); 

     $controller("ctrlr", { 
     $scope: $scope 
     }); 
    }) 
    }); 

    it("should have the default message", function() { 
    return expect($scope.message).toBe('This is the page'); 
    }); 
});