angular - 模块 'VoteComponent' 声明的意外值 'DynamicTestModule'

Question

总的来说，我对 Angular/测试还很陌生。一直在研究有关测试的 Angular 文档，我正在努力。已在该网站上搜索答案，但没有成功。我还尝试向 app.module.ts 文件添加额外的导入。

使用 Jasmine，收到此错误:错误:模块“DynamicTestModule”声明的意外值“VoteComponent”

component.ts 文件非常基础:

export class VoteComponent { 

  totalVotes = 0; 

  upVote() { 
    this.totalVotes++;
  }

  downVote() { 
    this.totalVotes--;
  }
}

spec.ts 文件:(我还没有为 downVote() 编写代码)

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

describe ('VoteComponent', () => { 
  let comp: VoteComponent;

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

    const fixture = TestBed.createComponent(VoteComponent);
    comp = fixture.componentInstance;

  });

  it('should increment total votes when upvoted', () => { 

    comp.upVote();

    expect(comp.totalVotes).toBe(1); 

  });
});

任何帮助将不胜感激。谢谢。

Answer 1

Angular 仅尊重 declarations 数组中由 @Component、@Directive 或 @Pipe 装饰器修饰的类.

因此您必须将元数据添加到您的类中:

import { Component } from '@angular/core';

@Component({
  selector: 'vote-component',
  template: 'some template'
})
export class VoteComponent { 

  totalVotes = 0; 

  upVote() { 
    this.totalVotes++;
  }

  downVote() { 
    this.totalVotes--;
  }
}