茉莉花单元测试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