angular - 有前途的 Jasmine 测试构造函数

Question

我有一个充当数据存储的服务。在它的构造函数中，它尝试从设备的存储中“混合”数据集(使用 Ionic 及其 Storage 服务):

@Injectable()
export class SimpleDataStore {

     private _data: BehaviorSubject<any> = new BehaviorSubject<any>(undefined);
     public data: Observable<any> = this._data.asObservable();

     constructor(private _http: HttpClient, private _storage) {
         this.initializeData();
     }

     private initializeData(): void {
          this._storage.get("dataKey")
              .then(data => this._data.next(data))
              .catch(() => this._data.next([]);
     }

}

我知道如何使用 Jasmine 编写异步测试，以及如何访问私有(private)成员/方法，以及知道需要检查 _data.getValue() 以获得我想要的结果——但是我的问题是不知道如何测试:

1. 构造函数，和/或；
2. initializeData 以便它等待 Promise 完成，因为方法中没有返回 Promise。

感谢所有帮助!

Answer 1

理想情况下，您应该让 initializeData() 返回它构建的 promise ，这样您就可以轻松地等待它在您的测试中解决。然后，您可以在构造类之前简单地模拟 initializeData()，而不是试图弄清楚 promise 何时解决。

鉴于 initializeData() 方法已更改为返回 promise ，您可以按如下方式测试 SimpleDataStore 类:

describe('SimpleDataStore', function () {

    beforeEach(function () {
        this.initializeData = spyOn(SimpleDataStore.prototype, 'initializeData');
        this.http = jasmine.createSpyObj('HttpClient', ['get']);
        this.storage = jasmine.createSpyObj('Storage', ['get']);
        this.dataStore = new SimpleDataStore(this.http, this.storage);

        // initializeData is called immediately upon construction.
        expect(this.initializeData).toHaveBeenCalled();
    });

    describe('initializeData', function () {

        beforeEach(function () {
            // The data store is initialized, we can now let the calls go to the real implementation.
            this.initializeData.and.callThrough();
        });

        afterEach(function () {
            expect(this.storage.get).toHaveBeenCalledWith('dataKey');
        });

        it('is initialized with "dataKey" storage', function (done) {
            const data = {};
            this.storage.get.and.returnValue(Promise.resolve(data));
            this.dataStore.initializeData()
                .then(() => expect(this.dataStore._data.getValue()).toBe(data))
                .catch(fail)
                .finally(done)
        });

        it('is initialized with empty array when "dataKey" storage rejects', function (done) {
            this.storage.get.and.returnValue(Promise.reject());
            this.dataStore.initializeData()
                .then(() => expect(this.dataStore._data.getValue()).toEqual([]))
                .catch(fail)
                .finally(done)
        });

    });

});