如何模拟不是构造函数依赖的第三方组件？

Question

export class ComponentDetailsComponent implements OnInit {   
    @ViewChild('treeGridReference') treeGrid: jqxTreeGridComponent;
....more code....
  this.treeGrid.clearSelection();// how do I mock this?
}

如果它是一个构造函数依赖项，我可以使用空的clearSelection 方法为jqxTreeGridComponent 创建一个存根，类似于：

class jqxTreeGridComponentStub{
  clearSelection(){}
  }
}
{ provide: jqxTreeGridComponent, useClass: jqxTreeGridComponentStub },

Answer 1

您可以在配置测试模块的声明数组中提供一个模拟组件，

@Component({selector: 'jqxTreeGridComponent-selector', template: ''})
class jqxTreeGridComponent{
   clearSelection(){}
}

describe('', () => {
    beforeEach(async(() => {
            TestBed.configureTestingModule({
                declarations: [ ComponentDetailsComponent , jqxTreeGridComponent],
            }).compileComponents();
        }));
    })
}

要了解更多关于存根组件的信息，请阅读文档中的here。