angular - 在 Angular 2 服务中测试异步(Promise)方法

Question

这是一个有趣的问题:我正在尝试测试一个使用 Ionic BarcodeScanner 的服务。 我有一个基于 ionic unit-testing repository 的 repo 协议(protocol)，以便尝试测试。 我通过 spyOn(..).and.callFake(..)

模拟 BarcodeScanner.scan 方法

问题:当我从组件调用扫描方法时，它起作用了。当我在服务中执行完全相同的操作时，它会引发超时。

组件测试代码:

it("should be able to set a spy on the scanner and test the component", done => {
    const testBC = "123456";
    const spy = spyOn(TestBed.get(BarcodeScanner), "scan");
    spy.and.callFake(() => {
        return new Promise((resolve, reject) => {
            resolve(testBC);
        })
    });

        component.testScanner().then(res => {
            expect(res).toBe(testBC);
            done();
        }, reason => {
            expect(true).toBe(false);
            done();
        })
});

服务测试代码:

it("should be able to set a spy on the scanner and test the service", done => {
    const testBC = "123456";
    const spy = spyOn(TestBed.get(BarcodeScanner), "scan");
    spy.and.callFake(() => {
        return new Promise((resolve, reject) => {
            resolve(testBC);
        })
    });

    inject([TestService], (service) => {
        service.testScanner().then(res => {
            expect(res).not.toBe(testBC);
            done()
        }, reason => {
            expect(true).toBe(false);
            done();
        })
    })
});

以这种方式在 Angular 2 中测试服务是否存在任何已知问题？任何帮助表示赞赏!

Answer 1

问题是没有调用注入(inject)函数。

服务的测试代码现在如下所示:

it("should be able to set a spy on the scanner and test the service", done => {
    const testBC = "123456";
    const spy = spyOn(TestBed.get(BarcodeScanner), "scan");
    spy.and.callFake(() => {
        return new Promise((resolve, reject) => {
            resolve(testBC);
        })
    });

    inject([TestService], (service) => {
        service.testScanner().then(res => {
            expect(res).not.toBe(testBC);
            done()
        }, reason => {
            expect(true).toBe(false);
            done(); 
        })
    })(); //<-- do not forget these braces!!
});