具有get设置的单元测试angular @Input()

Question

我正在使用类似的@Input to Angular2@Input to带有get/set的属性。不过，我在弄清楚如何设置单元测试时遇到了一些麻烦。这是我的组件

get order(): any {
    return this._order;
}

@Input()
set order(value: any) {

    this._order = value;
}

 TestBed.configureTestingModule({
            declarations: [
                OrderDetailsComponent,
                OrdersGridComponent,
                KeyValuePipe
            ],
            schemas: [
                CUSTOM_ELEMENTS_SCHEMA
            ],
            providers: [
            ],
            imports: [
                // AppModule
            ]
        }).compileComponents();

在我定义组件的每个位置之前都有一个附加的

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

在我运行这个简单的测试之前

 it("should set this.enable button to false", () => {
    component.signOrderFromOrderDetails();
    expect(component.signButtonEnable).toBe(false);
});

我收到错误

TypeError: undefined is not an object (evaluating 'this._order.hasOwnProperty') in karma-test-shim.js (line 106886)

我最初的想法是创建一个模拟顺序常量，并在每个这样的常量之前，将它赋给我的组件...

  const order = {
    orderSections: [],
    patient: {}
  };
 component.order = order;

但是，我不被允许做这个任务

TypeError: Attempted to assign to readonly property. in karma-test-shim.js (line 94033)

我的下一个假设是，我必须模拟父组件OrdersGridComponent，因为OrdersDetails是子组件。但是如果是这样的话，我不知道如何在我的单元测试中设置它。任何反馈都将不胜感激。

Answer 1

我很确定魔术是与异步（）

组成部分：

@Input()
set myVar(data: number) {
   this._myVar = data;
}

测试：

it('myVar input should set _myVar', async(() => {
  component.myVar = 42;
  expect(component._myVar).toBe(42);
}));