как проверить функцию в жасмине

Question

Может кто-нибудь помочь мне, пожалуйста?Я пытаюсь протестировать функцию, которая вызывает функции firebase, но когда я вызываю основную функцию и начинаю запускать функции firebase, я получаю сообщение об ошибке

err TypeError: Cannot read property 'emailPasswordLoginAsPromise' of null

Я не знаю, что происходит, следуйте моему коду:

fdescribe('UserLoginContentComponent', () => {
  let component: UserLoginContentComponent;
  let fixture: ComponentFixture<UserLoginContentComponent>;
  let loginComponent = new UserLoginContentComponent(null,null,null,null,null,null,null);
  
  beforeAll(
    async(() => {
      TestBed.configureTestingModule({
        imports: [
          SharedModule,
          AngularFireModule.initializeApp(environment.firebase),
          RouterTestingModule,
          BrowserAnimationsModule
        ],
        declarations: [UserLoginContentComponent],
        providers: [ 
          AuthService,
          AngularFireAuth,
          AngularFirestore,
          LogService,
          LogPublishersService,
          HttpClient,
          HttpHandler
        ]
      }).compileComponents();

      fixture = TestBed.createComponent(UserLoginContentComponent);
      component = fixture.componentInstance;
      fixture.detectChanges();

      spyOn(loginComponent, 'onSubmit').and.callThrough();
      loginComponent.loginModel.email = 'correct email';
      loginComponent.loginModel.password = 'correct password';
    })
  );

  it('component should be create', () => {
    expect(component).toBeTruthy();
  });

  it('Correct login',function(){
    loginComponent.onSubmit().then((x) => {
      console.log('ok:',x)
      //expect something ..
    }).catch((err) => {
      console.log('err',err)
    })
  });
    
});

моя функция, которую я вызываю:

onSubmit() {
    //i'm setting my loginModel in the test with email and password
    console.log('this.loginModel',this.loginModel)

    return new Promise((res,rej) => {
      this.authService.emailPasswordLoginAsPromise(this.loginModel).then(userCredential => {
      // do something..
        this.authService.createOrUpdateUserDataFirestore(userCredential, null, avaliacaoChecklist, null, null).then(s => 
        //updating my user or create one
        }).catch(e => {
          //catch if this doesn't update or create
          });
        });
        res('login OK')
      }).catch(e => {
        //open a diaglog if happen something wrong...
        rej('login Fail')
      });
    })
  }

в моем authService, мои emailloginasPromise такие:

  emailPasswordLoginAsPromise(login) {

    return new Promise((resolveEPL, rejectEPL) => {

      this.angularFireAuth.auth.signInWithEmailAndPassword(login.email, login.password)
        .then(credential => {
          this.updateUserWithAuth(credential.user);
          resolveEPL(credential.user);
        }).catch(e => {
          console.error('emailPasswordLogin', e);
          rejectEPL(e);
        });
    });
  }

я впервые тестирую жасмин, я учился, но я не знаю, как решить эту проблему, как вызвать асинхронную функцию и получить возврат.

Answer 1

Я установил проблему, следуйте исправлению:

Служба authService не предоставляет при создании позиции моего класса, поэтому сейчас я использую компонент:

component = fixture.componentInstance;

с этим компонентом сейчас я вызываю мой метод, и все провайдеры работают.

Следуйте моему описанию:

import { ComponentFixture, TestBed } from '@angular/core/testing';
import { SharedModule } from '../../shared/shared.module';
import { UserLoginContentComponent } from './user-login-content.component';
import { AngularFireModule } from '@angular/fire';
import { environment } from 'src/environments/environment';
import { RouterTestingModule } from '@angular/router/testing';
import { AuthService } from 'src/app/core';
import { AngularFireAuth } from '@angular/fire/auth';
import { AngularFirestore } from '@angular/fire/firestore';
import { LogService } from 'src/app/shared/logger/log.service';
import { LogPublishersService } from 'src/app/shared/logger/log-publishers.service';
import { HttpClient, HttpHandler } from '@angular/common/http';
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';

fdescribe('UserLoginContentComponent', () => {
  let component: UserLoginContentComponent;
  let fixture: ComponentFixture<UserLoginContentComponent>;
  
  beforeAll(function(){
      TestBed.configureTestingModule({
        imports: [
          SharedModule,
          AngularFireModule.initializeApp(environment.firebase),
          RouterTestingModule,
          BrowserAnimationsModule
        ],
        declarations: [UserLoginContentComponent],
        providers: [ 
          AuthService,
          AngularFireAuth,
          AngularFirestore,
          LogService,
          LogPublishersService,
          HttpClient,
          HttpHandler
        ]
      }).compileComponents();

      fixture = TestBed.createComponent(UserLoginContentComponent);
      component = fixture.componentInstance;
      fixture.detectChanges();

    });
    
});

и как проверить этот компонент?

Я использую следующие тесты:

it('COrrect login',(async(done) => {
    component.loginModel.email = 'correctemail@gmail.com';
    component.loginModel.password = 'correctpassword';

    await component.onSubmitTest().then((x) => {
      expect(x).toBe('login OK');
    });
    done();
  }));
  
  it('Wrong login (email)',(async(done) => {
    component.loginModel.email = 'wrongemail@gmail.com';
    component.loginModel.password = 'correctpassword';

    await component.onSubmitTest().then(() => {})
    .catch((err) => {
      expect(err).toBe('login Fail');
    })
    done();
  }));

Мой класс следующий:

onSubmitTest() {
    return new Promise((res,rej) => {
      this.authService.emailPasswordLoginAsPromise(this.loginModel).then(() => {
        res('login OK')
      }).catch(e => {
        rej('login Fail')
      });
    })
  }

и мой authService:

emailPasswordLoginAsPromise(login) {

    return new Promise((resolveEPL, rejectEPL) => {

      this.angularFireAuth.auth.signInWithEmailAndPassword(login.email, login.password)
        .then(credential => {
          resolveEPL(credential.user);
        }).catch(e => {
          rejectEPL(e);
        });
    });
  }

И теперь все мои тесты работают с асинхронным методом с методами firebase