ReferenceError：Angular 5カルマユニットテストでFBが定義されていません

Question

カルマユニットテストをしているときにこの問題があります。

Failed: Uncaught (in promise): ReferenceError: FB is not defined

Error Screenshot

は、私はすでにのindex.htmlファイルに次のスクリプトを追加しました：

<script type="text/javascript" src="https://connect.facebook.net/en_US/sdk.js"></script> 

これは私のauth.service.tsファイルです。

constructor(
    private http: HttpClient, 
    private fb: FacebookService 
) { 
    this.token = localStorage.getItem('token'); 

    if (this.token) this.isLoggedIn = true; 
    else this.isLoggedIn = false; 

    let initParams: InitParams = { 
     appId: environment.FACEBOOK_APP_ID, 
     xfbml: true, 
     version: 'v2.8' 
    }; 

    fb.init(initParams); 
    } 

ユニットテストを行っているときに、https://connect.facebook.net/en_US/sdk.jsファイルがまったく読み込まれません。

この問題を解決するにはどうすればよいですか？

ありがとうございました。

files: [ 
     'https://connect.facebook.net/en_US/sdk.js' 
    ], 
crossOriginAttribute: false, 

そしてをあなたのテストをasync INモードNOTを行っていることを確認してください：あなたは、次のようにkarma.config.jsでfiles設定を追加することにより、ENVをテストカルマに外部のJavaScriptファイルをロードする必要があり

Answer 1

まず 。

it('should create the app', async(() => { 
    const fixture = TestBed.createComponent(AppComponent); 
    const app = fixture.debugElement.componentInstance; 
    expect(app).toBeTruthy(); 
    })); 

それは次のように見えるようにするだけ、asyncを削除します：だから、通常、テストは次のような非同期モードで行われる

it('should create the app', (() => { 
    const fixture = TestBed.createComponent(AppComponent); 
    const app = fixture.debugElement.componentInstance; 
    expect(app).toBeTruthy(); 
    })); 

が、これはあなたの問題を解決することを願っています。