componentDidDisappear

lib/src/adapters/Element.tsx

@@ -4,11 +4,7 @@ import { requireNativeComponent } from 'react-native';
 
 let RNNElement: React.ComponentType<any>;
 
-export class Element extends React.Component<{
-  elementId: any;
-  resizeMode: any;
-}, any> {
-
+export class Element extends React.Component<{ elementId: any; resizeMode: any; }, any> {
   static propTypes = {
     elementId: PropTypes.string.isRequired,
     resizeMode: PropTypes.string

lib/src/events/EventsRegistry.test.ts

@@ -12,11 +12,37 @@ describe('EventsRegistry', () => {
 
   it('exposes appLaunch event', () => {
     const subscription = {};
-    mockNativeEventsReceiver.registerAppLaunched.mockReturnValueOnce(subscription);
     const cb = jest.fn();
+    mockNativeEventsReceiver.registerAppLaunched.mockReturnValueOnce(subscription);
+
     const result = uut.appLaunched(cb);
+
+    expect(result).toBe(subscription);
     expect(mockNativeEventsReceiver.registerAppLaunched).toHaveBeenCalledTimes(1);
     expect(mockNativeEventsReceiver.registerAppLaunched).toHaveBeenCalledWith(cb);
-    expect(subscription).toBe(result);
+  });
+
+  it('exposes componentDidAppear event', () => {
+    const subscription = {};
+    const cb = jest.fn();
+    mockNativeEventsReceiver.registerComponentDidAppear.mockReturnValueOnce(subscription);
+
+    const result = uut.componentDidAppear(cb);
+
+    expect(result).toBe(subscription);
+    expect(mockNativeEventsReceiver.registerComponentDidAppear).toHaveBeenCalledTimes(1);
+    expect(mockNativeEventsReceiver.registerComponentDidAppear).toHaveBeenCalledWith(cb);
+  });
+
+  it('exposes componentDidDisappear event', () => {
+    const subscription = {};
+    const cb = jest.fn();
+    mockNativeEventsReceiver.registerComponentDidDisappear.mockReturnValueOnce(subscription);
+
+    const result = uut.componentDidDisappear(cb);
+
+    expect(result).toBe(subscription);
+    expect(mockNativeEventsReceiver.registerComponentDidDisappear).toHaveBeenCalledTimes(1);
+    expect(mockNativeEventsReceiver.registerComponentDidDisappear).toHaveBeenCalledWith(cb);
   });
 });

lib/src/events/EventsRegistry.ts

@@ -10,4 +10,12 @@ export class EventsRegistry {
   public appLaunched(callback): EventSubscription {
     return this.nativeEventsReceiver.registerAppLaunched(callback);
   }
+
+  public componentDidAppear(callback): EventSubscription {
+    return this.nativeEventsReceiver.registerComponentDidAppear(callback);
+  }
+
+  public componentDidDisappear(callback): EventSubscription {
+    return this.nativeEventsReceiver.registerComponentDidDisappear(callback);
+  }
 }