我如何測試一個被Karma嘲笑的承諾？

我的代碼是：我如何測試一個被Karma嘲笑的承諾？

$scope.openModal = openModal; 


    function openModal(data){ 
    var info = data || {} 
    ModalService.showModal({ 
     templateUrl: ENVApp+"/myview.html", 
     controller: "ModalController", 
     inputs: { 
      icon : "", 
      title: "Additional", 
      data : info 
     } 
     }).then(function (modal) { 
     modal.element.modal(); 
     modal.close.then(function (res) { 
      if(res.data != 'cancel'){ 
      if(!res.data.id){ 
       create(res) 
      }else{ 
       update(res) 
      } 
      } 
     }); 
     }); 
    }

什麼是與噶對此進行測試的正確方法？這是我到目前爲止有：

在我beforeEach：

this.ModalService = { 
    showModal: function(obj) { 
     var deferred = $q.defer(); 
     deferred.resolve({ 
     element: { 
      modal: jasmine.createSpy(), 
      close: function() { 
      var deferred2 = $q.defer(); 

      return deferred2.promise; 
      } 
     } 
     }); 
     return deferred.promise; 
    } 
    }; 
    this.UserService = { 
    user: { 
     id: 2 
    }, 
    updateCategory: function(data, type) { 
     var deferred = $q.defer(); 
     deferred.resolve({ 
     data: { 
      rows: 'response' 
     } 
     }); 
     return deferred.promise; 
    } 
    } 
    this.controller = $controller('ProfileAdditionalController', { 
    '$scope': this.scope, 
    '$rootScope': this.rootScope, 
    '$state': this.state, 
    "$stateParams": this.stateParams, 
    'ModalService': this.ModalService, 
    'UserService': this.UserService, 
    'ResourceService': this.ResourceService, 
    '$upload': this.upload, 
    'userData': this.userData 
    });

對於我的實際測試：

it('should open a modal when requested', function() { 
    this.scope.openModal(); 
    expect(this.ModalService.showModal) 
    });

但是，這並不讓一大堆的道理。思考？

來源

2016-07-05 Shamoon

你有沒有'openModal'返回'showModal'使用的諾言。我最近正在測試一個GUI小部件，其功能類似於您的代碼所做的事情：方法A調用方法B，並且B返回A正在使用的承諾。我只是決定讓A回報它從B（+處理程序）得到的承諾。它大大簡化了測試。 – Louis

到控制器上測試openModal功能，基本上你想驗證以下（3次試驗）

ModalService.showModal被稱爲與一些特定的選項
一旦顯示模式，驗證then功能正在做它應該做的事
當模式關閉時，請驗證第二個then函數正在做它應該做的事

首先，你可能需要建立在ModelService.showModal間諜（模擬）： spyOn(ModalService, 'showModal).and.returnValue($q.when(mockModal))

現在，在您的測試，你會觸發功能和$範圍$消化電話：

$scope.openModal(data); 
$scope.$digest() // to propagate the `resolve()` result of the promise)

這會觸發第一個then回調（將mockModal作爲參數傳遞），然後您可以驗證其行爲。

類似於驗證第二個回調，您需要模擬已解析的modal對象。

來源

2016-07-14 02:11:58 jchen86

我如何測試一個被Karma嘲笑的承諾？

回答

相關問題