Question

我在组件中存根了服务。现在，我想监视所有方法，而不是实际调用它们。

我跟随angular tutorial创建了一个间谍对象，然后定义了返回函数：

  it('#getValue should return stubbed value from a spy', () => {
    // create `getValue` spy on an object representing the ValueService
    const valueServiceSpy =
      jasmine.createSpyObj('ValueService', ['getValue']);

    // set the value to return when the `getValue` spy is called.
    const stubValue = 'stub value';
    valueServiceSpy.getValue.and.returnValue(stubValue);

我想在此特定方法上调用而不是返回定义的值。我还将间谍移动到beforeEach，因为我想在多个测试中使用它。我不想模拟表单创建的原因是，它将是原始方法的1：1副本。

规范

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

  beforeEach(async(() => {
    const hotkeysServiceSpy = jasmine.createSpyObj('HotkeysService', ['add']);
    const generatorServiceSpy = jasmine.createSpyObj('GeneratorService', [
      'createGeneratorForm',
      'createRepository',
      'crawlRepository',
      'fillWithDummy'
    ]);
    generatorServiceSpy.createGeneratorForm.and.callThrough();
...

  beforeEach(() => {
    fixture = TestBed.createComponent(GeneratorComponent);
    component = fixture.componentInstance;
    fixture.detectChanges();
  });

  it('should create', () => {
    expect(component).toBeTruthy();
  });

组件

constructor(
    private generatorService: GeneratorService,
    ...
  ) {
    this.generatorForm = generatorService.createGeneratorForm();
    this.generatorForm.valueChanges.debounceTime(500).subscribe( (changes) => {
    ...  
    });

现在我得到TypeError: Cannot read property 'valueChanges' of undefined。

问题：

1）如何仅通过创建我的表单的这一特定方法进行调用？

2）通过此调用是否需要我导入/提供服务（服务构造函数）的所有依赖项或仅提供此特定方法的依赖项？

Answer 1

我找到了几种选择：

A）

创建原始服务
创建SpyObj。
用原始方法替代SpyObj的表单创建方法

这不是最好的方法，因为它需要将服务的所有依赖项导入到Testbed。

B）

例如在规范中重新定义表单方法。

master

如果该方法的简化版本更适合测试，则此方法可能会有所帮助。缺点是它不是很干。

c）这是我的首选解决方案。它结合了最少的依赖项声明和原始功能。

const generatorServiceSpy = jasmine.createSpyObj('GeneratorService', [
      'createRepository',
      'crawlRepository',
      'fillWithDummy'
    ]);
    const formBuilder = new FormBuilder();
    generatorServiceSpy.createGeneratorForm = (generator?: Generator) => {
      console.log('generator', generator);
      const generatorForm = formBuilder.group({
        url: [null]
      });
      if (generator) { generatorForm.patchValue(generator); }
      return generatorForm;
    };

服务SpyObject上的角单元测试组件调用

规范

组件

1 个答案: