时间戳

首页 > 解决方案 > beforeEach 在 MockRender 调用中没有错误地死掉

angular - beforeEach 在 MockRender 调用中没有错误地死掉

问题描述

我正在使用 ngMocks 测试一个组件，但我的规范一直以“formGroup 需要一个 FormGroup 类型的实例，请提供一个”而失败。

我能够验证component实际上从未设置过。事实上，在我调用的标记行之后的每一行都MockRender没有被调用，beforeEach因此没有设置组件。

正如您所看到的，我试图formGroup在组件中提供一个默认值，以在正在执行它的事情时阻止问题的发生，MockRender但这并没有改变任何事情。

任何想法a）我能做些什么来解决这个问题？b）为什么在我的规范中没有抛出错误而不是抛出错误MockRender？expect

规格：

    describe('CombinedMultiControlFormFieldComponent', () => {
      let component: CombinedMultiControlFormFieldComponent;
      let fixture;
      const mockDialog = {
        open() {
        }
      };
    
      beforeEach(async () => {
        return MockBuilder(CombinedMultiControlFormFieldComponent)
          .keep(MatFormFieldModule)
          .keep(FormsModule)
          .keep(ReactiveFormsModule)
          .mock(ConcatFormGroupValuesPipe)
          .provide({provide: MatDialog, useValue: mockDialog});
      });
    
      beforeEach(() => {
        fixture = MockRender(CombinedMultiControlFormFieldComponent); <-------------
        component = fixture.componentInstance;
        component.formGroup = fg;
        fixture.detectChanges();
      });
    
      it('should create', () => {
        expect(component).toBeTruthy();
      });
    });

TS：

    export class CombinedMultiControlFormFieldComponent {
    
      @Input()
      formGroup: FormGroup = new FormGroup({f1: new FormControl('')});
    
      @Input()
      displayLabel: string;
    
      constructor(private dialog: MatDialog) {
      }
    }

编辑：我在下面的答案中提供了修复，尽管我仍然不太明白为什么会发生错误。

标签： angularjasminengmock

解决方案

仍然不太确定，为什么会发生这种情况，但是通过在MockRender调用中提供 formGroup 作为参数，我能够摆脱错误。

    beforeEach(() => {
      fixture = MockRender(CombinedMultiControlFormFieldComponent, {formGroup: fg}); <-----
      component = fixture.componentInstance;
      fixture.detectChanges();
    });

我仍然很想学习如何正确使用 ngMocks。因此，如果有人能解释为什么，请告诉我们:)

推荐阅读