ジャスミンで拒否された約束事のテスト

Question

AngularFire2を使用している私のAngular2アプリでは、AuthServiceがFirebaseで匿名で認証しようとしています。

私はAngularFireAuthのsignInAnonymouslyが拒否された約束を返すことを期待するテストを書こうとしています。 authStateはnullであり、エラーがスローされます。

私はジャスミンの新機能と一般的なテストですが、私は非同期テストを使用する必要があるかもしれないと思っていますが、かなり固まってしまいます。ここで

は簡略化AuthService次のとおりです。

import { Injectable } from '@angular/core'; 

import { AngularFireAuth } from 'angularfire2/auth'; 
import * as firebase from 'firebase/app'; 
import { Observable } from 'rxjs/Rx'; 

@Injectable() 
export class AuthService { 
    private authState: firebase.User; 

    constructor(private afAuth: AngularFireAuth) { this.init(); } 

    private init(): void { 
    this.afAuth.authState.subscribe((authState: firebase.User) => { 
     if (authState === null) { 
     this.afAuth.auth.signInAnonymously() 
      .then((authState) => { 
      this.authState = authState; 
      }) 
      .catch((error) => { 
      throw new Error(error.message); 
      }); 
     } else { 
     this.authState = authState; 
     } 
    }, (error) => { 
     throw new Error(error.message); 
    }); 
    } 
} 

そしてここでは、私のテストの仕様です：

import { TestBed, inject } from '@angular/core/testing'; 

import { AngularFireAuth } from 'angularfire2/auth'; 
import 'rxjs/add/observable/of'; 
import { Observable } from 'rxjs/Rx'; 

import { AuthService } from './auth.service'; 
import { environment } from '../environments/environment'; 

describe('AuthService',() => { 
    const mockAngularFireAuth: any = { 
    auth: jasmine.createSpyObj('auth', { 
     'signInAnonymously': Promise.resolve('foo'), 
     // 'signInWithPopup': Promise.reject(), 
     // 'signOut': Promise.reject() 
    }), 
    authState: Observable.of(null) 
    }; 

    beforeEach(() => { 
    TestBed.configureTestingModule({ 
     providers: [ 
     { provide: AngularFireAuth, useValue: mockAngularFireAuth }, 
     { provide: AuthService, useClass: AuthService } 
     ] 
    }); 
    }); 

    it('should be created', inject([ AuthService ], (service: AuthService) => { 
    expect(service).toBeTruthy(); 
    })); 

    // 
    // 
    // 
    // 
    // 

    describe('when we can’t authenticate',() => { 
    beforeEach(() => { 
     mockAngularFireAuth.auth.signInAnonymously.and.returnValue(Promise.reject('bar')); 
    }); 

    it('should thow', inject([ AuthService ], (service: AuthService) => { 
     expect(mockAngularFireAuth.auth.signInAnonymously).toThrow(); 
    })); 
    }); 

    // 
    // 
    // 
    // 
    // 

}); 

はあなたの助けをありがとう！

Answer 1

私はmockAngularFireAuthを正しく嘲笑していました。私はラ、エラーでmockAngularFireAuth.auth signInAnonymously()の約束を拒否し、それがキャッチされることを期待するために必要な：

import { TestBed, async, inject } from '@angular/core/testing'; 

import { AngularFireAuth } from 'angularfire2/auth'; 
import 'rxjs/add/observable/of'; 
import { Observable } from 'rxjs/Rx'; 

import { AuthService } from './auth.service'; 
import { MockUser} from './mock-user'; 
import { environment } from '../environments/environment'; 

describe('AuthService',() => { 
    // An anonymous user 
    const authState: MockUser = { 
    displayName: null, 
    isAnonymous: true, 
    uid: '17WvU2Vj58SnTz8v7EqyYYb0WRc2' 
    }; 

    const mockAngularFireAuth: any = { 
    auth: jasmine.createSpyObj('auth', { 
     'signInAnonymously': Promise.reject({ 
     code: 'auth/operation-not-allowed' 
     }), 
     // 'signInWithPopup': Promise.reject(), 
     // 'signOut': Promise.reject() 
    }), 
    authState: Observable.of(authState) 
    }; 

    beforeEach(() => { 
    TestBed.configureTestingModule({ 
     providers: [ 
     { provide: AngularFireAuth, useValue: mockAngularFireAuth }, 
     { provide: AuthService, useClass: AuthService } 
     ] 
    }); 
    }); 

    it('should be created', inject([ AuthService ], (service: AuthService) => { 
    expect(service).toBeTruthy(); 
    })); 

    describe('can authenticate anonymously',() => { 
    describe('AngularFireAuth.auth.signInAnonymously()',() => { 
     it('should return a resolved promise',() => { 
     mockAngularFireAuth.auth.signInAnonymously() 
      .then((data: MockUser) => { 
      expect(data).toEqual(authState); 
      }); 
     }); 
    }); 
    }); 

    describe('can’t authenticate anonymously',() => { 
    describe('AngularFireAuth.auth.signInAnonymously()',() => { 
     it('should return a rejected promise',() => { 
     mockAngularFireAuth.auth.signInAnonymously() 
      .catch((error: { code: string }) => { 
      expect(error.code).toEqual('auth/operation-not-allowed'); 
      }); 
     }); 
    }); 
    }); 
    … 
}); 

Answer 2

私は次の操作を行って、この問題を解決：

describe('should reject promise',() => { 

     let resolved: boolean; 
     let rejected: boolean; 
     let _e: any; 

     beforeEach(function (done) { 
      resolved = false; 
      rejected = false; 
      // ensure conditions here are such that myFn() should return a rejected promise 
      service.myFn().then(() => { 
       resolved = true; 
       done(); 
      }).catch((e) => { 
       rejected = true; 
       _e = e; 
       done(); 
      }); 
     }) 

     it('should reject',() => { 
      expect(resolved).toEqual(false); 
      expect(rejected).toEqual(true); 
      expect(_e.name).toEqual("MyCustomErrorName"); 
     }); 
    });