如何让我的Angular5 spyOn按预期工作？

要让Angular5的spyOn按预期工作，需要遵循以下步骤：

确保正确引入所需的依赖：在测试文件的顶部，引入TestBed、ComponentFixture和要测试的组件。
在测试文件中创建一个测试用例，并在其中进行必要的设置和准备工作。
在测试用例中，使用TestBed.configureTestingModule方法来配置测试模块。这将包括导入要测试的组件、服务和其他依赖项。
使用TestBed.createComponent方法创建组件的实例，并将其分配给一个变量。
使用fixture.detectChanges()方法来触发变更检测，并确保组件的初始化完成。
在测试用例中，使用spyOn方法来创建一个间谍函数，并指定要间谍的对象和方法。
执行需要进行测试的操作，以触发间谍函数的调用。
使用expect断言来验证间谍函数的调用情况，例如expect(spy).toHaveBeenCalled()。

以下是一个示例代码，展示了如何使用spyOn来测试一个Angular5组件中的方法：

import { TestBed, ComponentFixture } from '@angular/core/testing';
import { MyComponent } from './my.component';

describe('MyComponent', () => {
  let component: MyComponent;
  let fixture: ComponentFixture<MyComponent>;

  beforeEach(() => {
    TestBed.configureTestingModule({
      declarations: [MyComponent]
    });

    fixture = TestBed.createComponent(MyComponent);
    component = fixture.componentInstance;
    fixture.detectChanges();
  });

  it('should call myMethod when button is clicked', () => {
    spyOn(component, 'myMethod');
    const button = fixture.nativeElement.querySelector('button');
    button.click();
    expect(component.myMethod).toHaveBeenCalled();
  });
});

在这个示例中，我们创建了一个MyComponent的测试用例，并在其中使用spyOn来间谍myMethod方法。然后，我们模拟了一个按钮点击事件，并使用expect断言来验证myMethod方法是否被调用。

请注意，这只是一个简单的示例，实际的测试用例可能会更复杂。根据具体的测试需求，你可能需要模拟其他依赖项、使用async和fakeAsync来处理异步操作，或者使用其他测试工具和技术。

关于Angular5的更多信息和相关产品介绍，你可以参考腾讯云的官方文档和网站。