Closes #3861

lib/src/events/ComponentEventsObserver.test.tsx

@@ -5,7 +5,7 @@ import { NativeEventsReceiver } from '../adapters/NativeEventsReceiver.mock';
 
 describe('ComponentEventsObserver', () => {
   const mockEventsReceiver = new NativeEventsReceiver();
-  const uut = new ComponentEventsObserver(mockEventsReceiver);
+  let uut;
   const didAppearFn = jest.fn();
   const didDisappearFn = jest.fn();
   const didMountFn = jest.fn();
@@ -65,6 +65,10 @@ describe('ComponentEventsObserver', () => {
     }
   }
 
+  beforeEach(() => {
+    uut = new ComponentEventsObserver(mockEventsReceiver);
+  });
+
   it(`bindComponent expects a component with componentId`, () => {
     const tree = renderer.create(<SimpleScreen />);
     expect(() => uut.bindComponent(tree.getInstance() as any)).toThrow('');
@@ -187,4 +191,29 @@ describe('ComponentEventsObserver', () => {
     expect(mockEventsReceiver.registerSearchBarUpdatedListener).toHaveBeenCalledTimes(1);
     expect(mockEventsReceiver.registerSearchBarCancelPressedListener).toHaveBeenCalledTimes(1);
   });
+
+  it(`warn when button event is not getting handled`, () => {
+    const tree1 = renderer.create(<SimpleScreen componentId={'myCompId'} />);
+    const instance1 = tree1.getInstance() as any;
+    console.warn = jest.fn();
+    uut.bindComponent(instance1);
+
+    uut.notifyNavigationButtonPressed({ componentId: 'myCompId', buttonId: 'myButtonId' });
+
+    expect(console.warn).toHaveBeenCalledTimes(1);
+    expect(console.warn).toHaveBeenCalledWith(`navigationButtonPressed for button 'myButtonId' was not handled`);
+  });
+
+  it(`doesn't warn when button event is getting handled`, () => {
+    const tree1 = renderer.create(<SimpleScreen componentId={'myCompId'} />);
+    const instance1 = tree1.getInstance() as any;
+    console.warn = jest.fn();
+    
+    instance1.navigationButtonPressed = jest.fn();
+    uut.bindComponent(instance1);
+
+    uut.notifyNavigationButtonPressed({ componentId: 'myCompId', buttonId: 'myButtonId' });
+
+    expect(console.warn).toHaveBeenCalledTimes(0);
+  });
 });

lib/src/events/ComponentEventsObserver.ts

@@ -62,7 +62,11 @@ export class ComponentEventsObserver {
   }
 
   notifyNavigationButtonPressed(event: NavigationButtonPressedEvent) {
-    this.triggerOnAllListenersByComponentId(event, 'navigationButtonPressed');
+    const listenersTriggered = this.triggerOnAllListenersByComponentId(event, 'navigationButtonPressed');
+    if (listenersTriggered === 0) {
+      // tslint:disable-next-line:no-console
+      console.warn(`navigationButtonPressed for button '${event.buttonId}' was not handled`);
+    }
   }
 
   notifyModalDismissed(event: ModalDismissedEvent) {
@@ -78,10 +82,14 @@ export class ComponentEventsObserver {
   }
 
   private triggerOnAllListenersByComponentId(event: ComponentEvent, method: string) {
+    let listenersTriggered = 0;
     _.forEach(this.listeners[event.componentId], (component) => {
       if (_.isObject(component) && _.isFunction(component[method])) {
         component[method](event);
+        listenersTriggered++;
       }
     });
+
+    return listenersTriggered;
   }
 }

wallaby.js

@@ -13,6 +13,8 @@ module.exports = function (wallaby) {
       'package.json',
       'lib/src/**/*.js',
       'lib/src/**/*.ts',
+      'lib/src/**/*.tsx',
+      '!lib/src/**/*.test.tsx',
       '!lib/src/**/*.test.js',
       '!lib/src/**/*.test.ts',
       'integration/**/*.js',
@@ -22,11 +24,16 @@ module.exports = function (wallaby) {
     tests: [
       'lib/src/**/*.test.js',
       'lib/src/**/*.test.ts',
+      'lib/src/**/*.test.tsx',
       'integration/**/*.test.js'
     ],
 
     compilers: {
-      '**/*.js': wallaby.compilers.babel(babelOptions)
+      '**/*.js': wallaby.compilers.babel(babelOptions),
+      '**/*.ts?(x)': wallaby.compilers.typeScript({
+        module: 'commonjs',
+        jsx: 'React'
+      })
     },
 
     setup: (w) => {