如何编写SpyOn()方法？附测试示例代码解析

SpyOn的作用 #

SpyOn 是测试框架（如Jasmine）中用于监听组件方法的工具，可实现拦截方法调用、预设返回值、验证方法调用情况等测试需求。

测试示例代码 #

let component = MockComponent;

it('验证组件方法被调用', () => {
  // 先为目标方法挂载Spy，预设返回值
  spyOn(component, 'method').and.returnValue('预期数据');

  // 调用组件方法
  component.yourComponent();

  // 可选：验证method方法是否被触发调用
  expect(component.method).toHaveBeenCalled();
});

代码说明 #

• 先通过spyOn(component, 'method')监听组件的method方法，再用.and.returnValue('预期数据')预设该方法的返回值
• 调用组件的yourComponent方法，若yourComponent内部调用了method，Spy会自动拦截并返回预设值
• 可通过expect(component.method).toHaveBeenCalled()验证method是否被成功触发

内容的提问来源于stack exchange，提问作者Mahesh