Question

我有这个测试。在这里，我设置了组件的一些值。这些值确定按钮的状态。在fixture.detectChanges（）之前，这些值仍然被设置。但是之后（就在const createButton处...），这些值消失了，并再次设置为null。问题是为什么以及如何设置这些值，以便能够检测到按钮状态的变化。

it('should activate the create button with a customer and service set', () => {
    fixture = TestBed.createComponent(MyComponent);

    fixture.componentInstance.entry.service = new Service('1', 'Name', null);
    fixture.componentInstance.entry.customer = customerMock;

    fixture.detectChanges();

    const createButton = fixture.debugElement.query(By.css('p-button[name="createButton"]'));
    const actual = createButton.attributes['ng-reflect-disabled']; // TODO try find better way
    expect(actual).toBe('false');

  });

编辑：根据要求。我无法发布整个组件，但我认为组件的相关部分是onInit。

ngOnInit() {
    this.servicePoolSubscription = this.stateService.getServiceSubject()
        .subscribe(serviceList => this.services = serviceList);
      this.Entry = EntryService.prepare();
  }

  ngOnDestroy(): void {
    if (this.serviceSubscription) {
      this.serviceSubscription.unsubscribe();
    }
  }

我考虑过。 EntryService.prepare（）准备一个新对象。 Fixture.detectChanges是否会再次触发onInit？

Answer 1

第一个fixture.detectChanges()触发ngOnInit()。在更改组件属性之前，请先调用它。

Angular 2+单元测试-Fixture.detectChanges（）删除组件属性

1 个答案: