角4茉莉間諜單元測試「預計未定義爲'新文本'

Question

我有一個簡單的函數修改我的app.component.ts中的參數，我想用間諜測試函數。我的changeText函數總是未定義出於某種原因，我在做什麼錯？

AppComponent.ts

export class AppComponent { 
    text = "My text"; 

    changeText = function() { 
     this.text = "New text"; 
     return this.text; 
    } 
} 

AppComponent.spec.ts

describe("my text with Spies", function() { 
     it("should be altered", function() { 
     const fixture = TestBed.createComponent(AppComponent); 
     const app = this.fixture.debugElement.componentInstance; 

     spyOn(app, 'changeText'); 

     expect(app.text).toBe("My text")  
     expect(app.changeText()).toBe("New text");   //Fails 
     expect(app.changeText).toHaveBeenCalledTimes(1); 
    }); 
}); 

Answer 1

嘗試添加這種改變如果這實際上仍然

更改此：

expect(app.changeText()).toBe("New text"); 
expect(app.changeText).toHaveBeenCalledTimes(1); 

到：

app.changeText(); 
expect(app.text).toBe("New text"); 
expect(app.changeText).toHaveBeenCalled();