使用jasmine进行Angular2异步单元测试

Question

我正在编写一个angular2应用程序，并且无法理解如何使用jasmine编写异步代码的测试。 无论出于何种原因，我都没有看到很多看似非常适用于我的情况的例子。

我目前正在尝试测试对另一个服务具有异步依赖性的服务（而不是组件）。 我不是100％确定测试中的哪一点检查异步调用的结果是有效的。 你能在服务的异步处理程序中调用expect()吗？

service.foo()
    .then((data) => {
        //do I check the results in here?
        expect(data).toEqual({ a: 1, b: 2 });
        expect(mockDep.get).toHaveBeenCalled();
    });

这是完整的测试。

import { TestBed, inject } from '@angular/core/testing';
import { MyService } from './my.service.ts';
import { MyDependency } from './dependency.service.ts';

class MockDependency {
    doSomething(): Promise<any> {
        throw Error('not implemented');
    };
}

describe('some tests', () => {
    beforeEach(() => {
        TestBed.configureTestingModule({
            providers: [
                MyService,
                {
                    provide: MyDependency, useClass: MockDependency
                }
            ]
        });
    });
});

it('should do something', inject([MyService, MyDependency], (service: MyService, mockDep: MyDependency) => {
    spyOn(mockDep, 'doSomething').and.callFake(function () {
        return Promise.resolve({ a: 1, b: 2 });
    });

    service.foo()
        .then((data) => {
            //do I check the results in here?
            expect(data).toEqual({ a: 1, b: 2 });
            expect(mockDep.get).toHaveBeenCalled();
        });
}));

Answer 1

处理异步测试有两个方面，如果你想确保测试真正可靠，你必须关注它们。

首先，您必须确保如果异步检索结果，则在尝试测试结果之前等待结果可用。

因此，如果异步结果是一个承诺，例如，您可以将您的expect放在then处理程序中，就像您在问题中指出的那样。

您必须关注的第二个问题是强制您的测试本身在给出积极（或消极）结果之前等待您的期望执行。 如果你不处理这个问题，你可能会遇到期望失败的情况，但是因为你的测试没有等到你的异步操作在完成之前完成，所以测试会报告误报。

有几种方法可以“让你的测试等待”。

纯粹的茉莉花方式是将一个done处理程序传递给你的it函数。 然后jasmine将等待，直到调用完成处理程序，然后才考虑完成测试。

例如。

it('tests an async action', (done) => {
   asyncAction().then(result => {
     expect(result).toEqual(true);
     done();
   });
});

但是，angular的测试框架为此添加了两个其他选项。 如果您对异步编程感到满意，那么第一个更容易掌握。

it('tests an async action', async(() => {
   asyncAction().then(result => {
     expect(result).toEqual(true);
   });
}));

在这种情况下，您基本上将测试处理程序包装在异步函数中。 在允许测试完成之前，此函数将强制测试等待任何异步结果（例如promises，observables等）返回结果。

第二种方法是使用fakeAsync，它允许您完全隐藏测试的异步性质。

it('tests an async action', fakeAsync(() => {
   let myResult;
   asyncAction().then(result => {
     myResult = result;
   });

   tick();   <--- force all async actions to complete
   expect(myResult).toEqual(true);
}));

fakeAsync挂钩到所有异步函数，并允许您将它们视为同步。 您可以使用tick（）函数“强制您的测试等待”，以便在继续之前完成异步任务。
（这不是那么做，但从概念上讲，你可以这样想）。

请参阅Angular文档以了解更多信息