Question

我正在尝试对我的角度控制进行测试。如何测试函数中的变量？

示例：

$scope.onFileSelect = function($files) {
$scope.selectedFiles = [];
$scope.progress = [];

if ($scope.upload && $scope.upload.length > 0) {
  for (var i = 0; i < $scope.upload.length; i++) {
    if ($scope.upload[i] !== null) {
      $scope.upload[i].abort();
    }
  }
}
$scope.upload = [];
$scope.uploadResult = [];
$scope.selectedFiles = $files;
$scope.dataUrls = [];



    if ($scope.selectedFiles.length==1) {
      for ( var i = 0; i < $files.length; i++) {
        var $file = $files[i];
        if (window.FileReader && $file.type.indexOf('image') > -1) {
          var fileReader = new FileReader();
          fileReader.readAsDataURL($files[i]);
          var loadFile = function(fileReader, index) {
            fileReader.onload = function(e) {
              $timeout(function() {
                $scope.dataUrls[index] = e.target.result;
              });
            };
          }(fileReader, i);
        }
        $scope.progress[i] = -1;
        if ($scope.uploadRightAway) {
          $scope.start(i);
        }
      }

    }
    else{
      $scope.selectedFiles = null;
      $scope.clientmsg={};
      $scope.errormessageheader="";
      $scope.uploadErrors="";
      $scope.UploadSuccess="";
      auxArray = [""];
      $scope.uploadErrors =auxArray;
      $scope.errormessageheader="Only_submit_one_file";
    }
  };

和我的考试......

describe('Unit: routeAssignUpload_Ctrl', function () {

beforeEach(angular.mock.module('primaryDistributionApp'));

var ctrl, scope;
// inject the $controller and $rootScope services
// in the beforeEach block
beforeEach(inject(function($controller, $rootScope) {
// Create a new scope that's a child of the $rootScope
scope = $rootScope.$new();
// Create the controller
ctrl = $controller('routeAssignUpload_Ctrl', {
  $scope: scope
});
}));



it('probando funcion onFileSelect',function(){
expect(scope.onFileSelect).toBeDefined();
var onFileSelect1 = new scope.onFileSelect;
spyOn(onFileSelect1).andCallThrough();
expect(scope.upload).toBeDefined();
});


})

结果是＆＃34; TypeError：＆＃39; undefined＆＃39;不是一个对象＆＃34; （评估＆＃39; $ scope.selectedFile s.length＆＃39;）我不明白为什么，有人可以帮助我吗？

Answer 1

需要考虑的一些事项。

为什么在尝试拨打new时使用scope.onFileSelect关键字？这只是一种范围方法，您不需要（也可能不想）将其用作构造方法。
您没有将任何变量传递到scope.onFileSelect。这意味着$files变量为undefined。然后，您通过$scope.selectedFiles = $files;分配它并测试其长度（if ($scope.selectedFiles.length==1) { ... }）。如错误所示，undefined没有length属性。

我也没有看到你需要监视onFileSelect的任何理由 - 你正在测试它的行为，而你正在直接调用它;当你想要测试一些其他函数调用它时，使用spyOn(..).andCallThrough是最有用的，而不会中断它的行为。您的测试可能更好地编写如下（充实以测试更有趣的行为）：

it('probando funcion onFileSelect',function(){
    var files = ['fileA', 'fileB'];
    expect(scope.onFileSelect).toBeDefined();
    scope.onFileSelect(files);
    expect(scope.selectedFiles).toBe(files);
    expect(scope.upload).toBeDefined(); // or whatever
});

你应该问自己的问题是你真正想要测试的行为。目前，这不是一个非常有趣的测试 - 你知道upload已定义，但你还不知道有什么有趣的。

如何测试角度$ scope函数？

1 个答案: