茉莉花單元測試Angularjs

Question

我是單元測試的新手。 我已經按照教程學習，並通過npm在node.js上進行了所有配置。 我已經做了一些描述，這只是為了讓人們對ho事物有所感覺，而我的spec賽跑者也很好。 我試圖在控制器上進行測試的問題已經解決，但我遇到了麻煩，並試圖解決問題了一段時間，但我仍然遇到相同的錯誤，所以我認為我會伸出援手。

我正在嘗試對LoginController做一個簡單的測試，但我仍然遇到相同的錯誤。 我不能指出我做錯了什么。 試圖克服這個障礙。

TypeError：angular.mock.module不是函數：

規格跑步者索引html文件。

<!doctype html>
   <html>
 <head>
<title>Jasmine Spec Runner</title>
<link rel="stylesheet" href="../bower_components/jasmine-core/lib/jasmine-core/jasmine.css">
</head>
<body>
<script src="../My Documents/My Website/AngularLogin-
      Registration/js/angular-1.6.0.js"></script>
<script src="../My Documents/My Website/AngularLogin-Registration/js/angular-route-1.6.0.min.js"></script>

<script src="../bower_components/jasmine-core/lib/jasmine-core/jasmine.js"></script>
<script src="../bower_components/jasmine-core/lib/jasmine-core/jasmine-html.js"></script>
<script src="../bower_components/jasmine-core/lib/jasmine-core/boot.js"></script>

<!-- include source files here... -->


<!--<script src="//code.jquery.com/jquery-3.1.1.min.js"></script>-->
<!--<script src="//code.angularjs.org/1.6.0/angular-cookies.min.js"></script>-->
<script src="../My Documents/My Website/AngularLogin-Registration/js/angular-mock.js"></script>
<script src="../My Documents/My Website/AngularLogin-Registration/js/app.js"></script>
<script src="../My Documents/My Website/AngularLogin-Registration/login/login.controller.js"></script>

<!-- include spec files here... -->
<script src="spec/test.js"></script>

這是我的測試文件。

describe('LoginController test', function () {
    beforeEach(angular.mock.module('app'));
    beforeEach(angular.mock.inject(function(_$controller_){
        $controller = _$controller_;
}));
describe('$scope.grade', function() {
      it('sets the strength to "strong" if the password length is >8 chars', 
       function() {
        var $scope = {};
        var controller = $controller('LoginController', { $scope: $scope });
  $scope.password = 'longerthaneightchars';
  $scope.grade();
      expect($scope.strength).toEqual('strong');
    });
       });
          });

預先感謝您PDH

Answer 1

在您的規范運行器html中加載angular-mocks庫，請確保在angular.js之后加載它。

<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.6.1/angular-mocks.js"></script>

您還可以使用Bower下載js文件而不是CDN。

茉莉花單元測試Angularjs

問題描述

1 個解決方案

解決方案1
0 2017-04-30 04:48:17

茉莉花單元測試Angularjs

問題描述

1 個解決方案

解決方案1 0 2017-04-30 04:48:17

解決方案1
0 2017-04-30 04:48:17