angularjs-directive - 单元测试：指令内控制器中的http调用

Question

describe("File Upload directive", function() {
      var elm, scope,httpBackend , controller , isolateScope;

     beforeEach(angular.mock.module("fileApp"));


     beforeEach(angular.mock.inject(function($rootScope, $compile , $httpBackend) {
          elm = angular.element("<div file-upload base-upload-url='files/' ></div>");
          httpBackend = $httpBackend;
          scope = $rootScope;
          httpBackend.whenGET("fileUploadTemplate.html").respond(true);
          $compile(elm)(scope);
          controller = elm.controller;

          scope.$digest();
    }));

    it("should upload selected file",function(){
      httpBackend.flush();
      isolateScope = elm.isolateScope();
      expect(isolateScope).toBeDefined();

      isolateScope.selectedFiles=[{"webkitRelativePath":"","lastModifiedDate":"2014-05-26T11:15:55.000Z","name":"a.csv","type":"text/csv","size":131}];
      var index = 0;
      httpBackend.expectPOST("files/").respond({"fileId":67603});

      expect(isolateScope.uploadResult.length).toBe(1);
      //httpBackend.flush();
     });
    });

现在，我有以下情况：

1. 如果我httpBackend.flush()在 block 的开头注释掉it，isolateScope 是undefined.
2. 如果我在blockhttpBackend.flush()的末尾注释掉，这表明没有按预期正确执行（httpBackend.flush 在 http 调用之后永远不会被调用）。itisolateScope.uploadResult.length = 0httpPOST

3.如果我保留两者httpBackend.flush()（不应该这样做），我会得到预期的错误：Error: No pending request to flush !。

谁能指导我？我是业力的新手。

提前致谢。

Answer 1

尝试在描述块中添加这些行。

 afterEach(function() {
         $httpBackend.verifyNoOutstandingExpectation();
         $httpBackend.verifyNoOutstandingRequest();
       });

或者您可能没有在实例化 post 调用的指令中调用该函数，否则它应该可以工作。