Question

我正在将一个observable传递给一个具有异步的组件，但是当我在父组件单元测试中包含该组件时，它会断开并说服务是未定义的。或者更准确地说是TypeError: Cannot read property 'subscribe' of undefined。有没有更多单元测试经验的人可以为我这个吗？谢谢！

我想知道它是否与我将DataService重命名为数据有关，但这对我没有意义。

这是我的规格：

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

  const dataServiceStub = {
    partners$: Observable.of(['white-label']),
  };

  beforeEach(
    async(() => {
      TestBed.configureTestingModule({
        imports: [SharedModule, MatSidenavModule],
        declarations: [
          SidenavComponent,
          Component({
            template: '',
            selector: 'app-partner-select',
            inputs: ['partners', 'selectedPartner', 'opened'],
            outputs: ['openedChange'],
          })(class PartnerSelectComponent {}),
        ],
        providers: [{ provide: DataService, useValue: dataServiceStub }],
      }).compileComponents();
    }),
  );

  beforeEach(() => {
    fixture = TestBed.createComponent(SidenavComponent);
    console.log('breaks before this', fixture);
    component = fixture.componentInstance;
    fixture.detectChanges();
  });

  it('exists!', () => {
    expect(component).toBeTruthy();
  });
});

组件类中的相关javascript：

  constructor(private data: DataService) {}

  get partners$() {
    return this.data.partners$;
  }

和相关的html

<app-partner-select
  [partners]="partners$ | async"
  [selectedPartner]="'white-label'"
  [(opened)]="partnerSelectOpen"
></app-partner-select>

Answer 1

我从已声明的模拟组件中删除了输出，现在可以正常工作了！

角度组件单元测试中未定义的服务

1 个答案: