angular - 在 Angular 中模拟 NgbModal

Question

我需要模拟一个 NgbModal 来做一些 Angular 单元测试，但我不知道该怎么做。这是我的功能:

    openModal(deviceID: string, productID: string){
        const modalRef =  this.modalService.open(ProductModal)
        modalRef.componentInstance.content = {
            deviceId: deviceID,
            productId: productID
        } 
        modalRef.componentInstance.toEmit.subscribe(($e) => {
            if ($e === true) this.reloadList();
        });
    }

我该怎么办？

Answer 1

假设您的 modalService是NgbModal ，您要测试的逻辑似乎在模态内容 ( ProductModal ) 中，而不是 NgbModal本身。

如你所见，使用.open()后你的modalRef.<em>component</em>Instance将是 ProductModal 的实例;所以你可以测试ProductModal作为任何组件，例如组件夹具并跳过 modalService一共:

(同样，假设 ProductModal 是一个具有适当装饰的组件。)

let component: ProductModal;
let fixture: ComponentFixture<ProductModal>;
beforeEach(() => {
    TestBed.configureTestingModule({
        providers: [ NgbModal, NgbActiveModal ],
        declarations: [ ProductModal ]
    });
    fixture = TestBed.createComponent(ProductModal);
    component = fixture.componentInstance;
    fixture.detectChanges();
});

// now you have the component in `component`, so you can test
// component.content
// component.toEmit
// …