Не удалось выполнить отправку и подписку в модульном тесте кармы EventEmitter, не удалось прочитать свойство 'подписка' из неопределенного - PullRequest
Новая
       49

Не удалось выполнить отправку и подписку в модульном тесте кармы EventEmitter, не удалось прочитать свойство 'подписка' из неопределенного

0 голосов
/ 27 апреля 2020

Я новичок в Angular / Node UT, в настоящее время я добавил карму и жасмин для запуска модульного теста, мое приложение основано на Angular7 + Node 8, следуя Angular документам по тестам , большинство тестов дела выполняются успешно, но в некоторых случаях, таких как @Input @Output (EventEmitter), проверка данных не удалась. Пожалуйста, посмотрите мой код и настройте его следующим образом:

package.json: 

    "jasmine-core": "~2.99.1",
    "jasmine-spec-reporter": "~4.2.1",
    "karma": "~3.0.0",
    "karma-chrome-launcher": "~2.2.0",
    "karma-coverage-istanbul-reporter": "~2.0.1",
    "karma-jasmine": "~1.1.2",
    "karma-jasmine-html-reporter": "^0.2.2"

a.component.ts: 

userDetailInit(){
    this.lookupService.genericServiceCall1(this.componentIds.componentUserDetail);
    this.lookupService.compomentJsonEmit.subscribe(async o => {
      // logic
    }, error => {
      this.error("System Error");
    });
  }

lookupService: 

    genericServiceCall1(iD) {
      let param = {
        'id': iD
      };
      this.compomentJsonEmit = new EventEmitter<Object>();
      // getData() is a http request and will return data
      this.commonService.getData('Get', param).subscribe(o =>{
        this.compomentJsonEmit.emit(o);
      });
    }

в файле модульного теста agent-details.component.spec.ts: 

describe('UserDetailsComponent', () => {

  let spy = {
    compJSONSpy: jasmine.createSpyObj('lookupService', ['genericServiceCall1']),
  }


  beforeEach(async(() => {
    TestBed.configureTestingModule({
      declarations: [ UserDetailsComponent ],
      imports: [FormlyModule.forRoot(), HttpClientTestingModule],
      providers: [
        {provide: CommonService, useValue:  spy.comSpy },
        {provide: LookupService, useValue: spy.compJSONSpy}
      ],
      schemas: [NO_ERRORS_SCHEMA ]
    }).compileComponents();
    fixture = TestBed.createComponent(UserDetailsComponent);
    component = fixture.componentInstance;
    httpClient = TestBed.get(HttpClient);
    httpTestingController = TestBed.get(HttpTestingController);
  }));


  it('#timeChange(val) should set selectTimeZone to val', () => {
    compJSONSpyReturn = spy.compJSONSpy.genericServiceCall1.and.returnValue(of(spyReturnJson.UserDetailCompJson));
    component.componentIds = {
      componentUserDetail: 1007
    };

    // error occurred when run component.timeChange(12);
    component.timeChange(12);
    expect(compJSONSpyReturn.calls.any()).toBeDefined();
    expect(component.selectTimeZone).toEqual(12);
  });
});

Отчет о карме: 

TypeError: Cannot read property 'subscribe' of undefined
    at userDetailsComponent.subscribe [as userDetailInit] (http://localhost:9876/_karma_webpack_/webpack:/src/app/admin/user-details/user-details.component.ts:77:46)
    at userDetailsComponent.userDetailInit [as timeChange] (http://localhost:9876/_karma_webpack_/webpack:/src/app/admin/user-details/user-details.component.ts:109:14)
    at UserContext.<anonymous> (http://localhost:9876/_karma_webpack_/webpack:/src/app/admin/user-details/user-details.component.spec.ts:66:15)
userListComponent #ngOninit() should be run

1 Ответ

1 голос
/ 27 апреля 2020

this.lookupService.compomentJsonEmit равно undefined.

Попробуйте: 

const compomentJsonEmitSubject = new BehaviorSubject('hello'); // you can mock it how you like instead of 'hello'
describe('UserDetailsComponent', () => {
 let spy = {
    compJSONSpy: jasmine.createSpyObj('lookupService', ['genericServiceCall1']),
  }
 spy.compJSONspy.compomentJsonEmit = componentJsonEmitSubject;
 beforeEach(async(() => {
....

Затем в ваших тестах, если вы хотите новое значение componentJsonEmit, вы можете сделать componentJsonEmitSubject.next('goodbye');

...