Argument of type "emit" is not assignable to parameter of type 'never'

angular jasmine mocking angular-components testbed
infinite picture infinite · May 24, 2018 · Viewed 9.7k times · Source

I need to test a component in Angular which has only one method and certain @Input and @Output properties- 

  updateColumns(eventValue: ManagedColumns) {
    this.applyColumnChanges.emit(eventValue);
  }

There is another component that has method which is supposed to call the above method. Call as in it is emitting an event which will be consumed by the other one I believe which in turn emits another event which is consumed by third one in a different component - 

applyChanges() {
        this.apply.emit(<ManagedColumns>{
            selectedColumns: this.selectedItems.slice(),
            availableColumns: this.availableItems.slice()
        });
        this.closeDialog();
    }

I am trying to test the updateColumns but lost up as how to do it? Is it possible to mock the applyChanges which in turns emits to updateColumns and we can check for same values?

If I tried -

manageColumnsComponent = TestBed.createComponent(ManageColumnsComponent).componentInstance;
    spyOn(manageColumnsComponent.applyChanges, 'emit');

Get error -

[ts] Argument of type '"emit"' is not assignable to parameter of type 'never'.

Answer

Robert Maxwell picture Robert Maxwell · Aug 20, 2018

You need to spyOn the actual eventEmitter variable, not the function. 

spyOn(manageColumnsComponent.apply, 'emit')

Related questions

How to mock an activatedRoute parent Route in angular2 for testing purposes?

Let's say I have this export class QuestionnaireQuestionsComponent { questions: Question[] = []; private loading:boolean = true; constructor( private route: ActivatedRoute, public questionnaireService:QuestionnaireService) {} ngOnInit(){ this.route.parent.params.subscribe((params:any)=>{ this.questionnaireService.getQuestionsForQuestionnaire(params.id).subscribe((questions)=>{ this.questions = …

Read More
Unit testing click event in Angular

I'm trying to add unit tests to my Angular 2 app. In one of my components, there is a button with a (click) handler. When the user clicks the button a function is called which is defined in the .ts class …

Read More
Angular 2 Unit Tests: Cannot find name 'describe'

I'm following this tutorial from angular.io As they said, I've created hero.spec.ts file to create unit tests: import { Hero } from './hero'; describe('Hero', () => { it('has name', () => { let hero: Hero = {id: 1, name: 'Super Cat'}; expect(…

Read More