jasmineで実際のメソッドを呼び出すメソッドをスタブする

Question

Jasmine + Sinonを使用してFileReaderのオンロードをテストする必要があります。

これをテストするための機能です：

MyObject.prototype.uploadFile = function (file, callback) { 
 
    const fileReader = new FileReader(); 
 

 
    fileReader.onload = event => { 
 
     if (typeof callback === 'function') { 
 
      callback(event); 
 
     } 
 
    }; 
 

 
    fileReader.readAsDataURL(file); 
 
};

そして、これはテストです：

describe('uploadFile',() => { 
 
     it('should execute the callback',() => { 
 
      let testFunction = jasmine.createSpy(); 
 
      let readData = { 
 
       readAsDataURL:() => { 
 
        this.onload(); 
 
       }, 
 
       onload:() => { 
 
       } 
 
      }; 
 

 
      file = new Blob(['image']); 
 
      sandbox.stub(window, 'FileReader').returns(readData); 
 

 
      component = sandbox.render(BioProfile); 
 
      component.replaceImage(file, testFunction); 
 

 
      expect(testFunction).toHaveBeenCalled(); 
 
     }); 
 
    });

あなたが見ることができるように、私はからて、readDataをスタブFileReader（ただし、正常に実行されたかどうかはわかりませんが）、スタブが必要ですFileReaderの実際のメソッド（onload）を呼び出してテストすることができます。

これは可能ですか？

Answer 1

あなたはFileReaderを誤ってスタブしました。オブジェクトリテラルで

、thisは、オブジェクトリテラルは中に建設されたものは何でもコンテキストです。

あなたはes6で導入された短縮表記を使用ない限り。

this.onloadをreadAsDataURLの中に呼び出すと、readDataオブジェクトのonload関数を呼び出そうとしません。

let readData = { 
    readAsDataURL() { 
     this.onload(); 
    }, 
    onload() {} 
}; 

：これを行うには