Any way to test EventEmitter in Angular2?

by

Your test could be:

it('should emit on click', () => {
   const fixture = TestBed.createComponent(MyComponent);
   // spy on event emitter
   const component = fixture.componentInstance; 
   spyOn(component.myEventEmitter, 'emit');

   // trigger the click
   const nativeElement = fixture.nativeElement;
   const button = nativeElement.querySelector('button');
   button.dispatchEvent(new Event('click'));

   fixture.detectChanges();

   expect(component.myEventEmitter.emit).toHaveBeenCalledWith('hello');
});

when your component is:

@Component({ ... })
class MyComponent {
  @Output myEventEmitter = new EventEmitter<string>();

  buttonClick() {
    this.myEventEmitter.emit('hello');
  }
}

More Related Contents:

  1. Updating input html field from within an Angular 2 test
  2. How to unit test a component that depends on parameters from ActivatedRoute?
  3. Unit testing an observable in Angular 2
  4. Angular 2 Unit Tests: Cannot find name ‘describe’
  5. What is Mocking?
  6. What Makes a Good Unit Test? [closed]
  7. Should one test internal implementation, or only test public behaviour?
  8. What is unit testing and how do you do it? [duplicate]
  9. What is unit testing? [closed]
  10. Mock functions in Go
  11. Should Private/Protected methods be under unit test? [closed]
  12. Visual Studio 2015 or 2017 does not discover unit tests
  13. Unit Tests not discovered in Visual Studio 2017
  14. Unit testing Anti-patterns catalogue
  15. Configuring IntelliJ IDEA for unit testing with JUnit
  16. Do MSTest deployment items only work when present in the project test settings file?
  17. How to avoid multiple asserts in a JUnit test?
  18. Unit testing with singletons
  19. How do you mock a Sealed class?
  20. Is it bad practice to have more than one assertion in a unit test? [closed]
  21. Example invalid utf8 string?
  22. Should it be “Arrange-Assert-Act-Assert”?
  23. Dependency Injection: Turtles all the way down?
  24. How to specify test directory for mocha?
  25. Unit testing code with a file system dependency
  26. What is a “Stub”?
  27. Writing “unit testable” code?
  28. How do I trigger a keyup/keydown event in an angularjs unit test?
  29. Angular 6 – how to mock router.events url response in unit test
  30. Why should unit tests test only one thing?

Leave a Comment