@hedia/recommendation-screen 2.1.31 → 2.1.32-alpha.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hedia/recommendation-screen",
-  "version": "2.1.31",
+  "version": "2.1.32-alpha.0",
   "description": "Hedia Recommendation Screen for Bolus and Carbohydrates",
   "main": "index.js",
   "scripts": {

package/src/RecommendationScreen.d.ts

@@ -143,10 +143,15 @@ export default class RecommendationScreen extends React.Component<IRecommendatio
      */
     private scrollView?;
     /**
-     * A reference to the eventSubscription that'll be returned by addEventListener().
+     * A reference to the eventSubscription that'll be returned by AppState.addEventListener().
      * It'll allow us to later remove the subscription.
      */
     private appStateSubscription?;
+    /**
+     * A reference to the eventSubscription that'll be returned by BackHandler.addEventListener().
+     * It'll allow us to later remove the subscription.
+     */
+    private backHandlerSubscription?;
     /**
      * Steps:
      * 1. Call the super() method with the props.
@@ -226,6 +231,14 @@ export default class RecommendationScreen extends React.Component<IRecommendatio
      *  	- Call the exitCallback prop callback function.
      */
     onExit: () => void;
+    /**
+     * Callback to be executed by the back handler listener.
+     *
+     * Steps:
+     * 1. Call the onExist method
+     * 2. Return true so that the default behaviour is overwritten.
+     */
+    onBackHandlerPress: () => boolean;
     /**
      * Hide the modal that shows attention messages.
      *

package/src/RecommendationScreen.js

@@ -1,5 +1,5 @@
 import React from "react";
-import { AppState, LogBox, ScrollView, StyleSheet, View } from "react-native";
+import { AppState, BackHandler, LogBox, ScrollView, StyleSheet, View, } from "react-native";
 import { BACKGROUND_COLOUR_PURPLE, BORDER_COLOUR_GREY, BORDER_COLOUR_TEAL } from "./utils/Constants";
 import Header from "./components/Header";
 import InfoBars, { infoStyles } from "./components/InfoBars";
@@ -125,6 +125,17 @@ export default class RecommendationScreen extends React.Component {
                 this.props.exitCallback();
             }
         };
+        /**
+         * Callback to be executed by the back handler listener.
+         *
+         * Steps:
+         * 1. Call the onExist method
+         * 2. Return true so that the default behaviour is overwritten.
+         */
+        this.onBackHandlerPress = () => {
+            this.onExit();
+            return true;
+        };
         /**
          * Hide the modal that shows attention messages.
          *
@@ -391,6 +402,7 @@ export default class RecommendationScreen extends React.Component {
     componentDidMount() {
         if (!this.hasError) {
             this.appStateSubscription = AppState.addEventListener(`change`, this.handleAppStateChange);
+            this.backHandlerSubscription = BackHandler.addEventListener(`hardwareBackPress`, this.onBackHandlerPress);
         }
     }
     /**
@@ -408,6 +420,7 @@ export default class RecommendationScreen extends React.Component {
             clearTimeout(this.timer);
         }
         this.appStateSubscription?.remove();
+        this.backHandlerSubscription?.remove();
     }
     /** Render a JSX element for displaying the insulin recommendation screen. */
     render() {

package/src/__tests__/RecommendationScreen.test.js

@@ -942,4 +942,24 @@ describe(`Recommendation Screen - TwoOptionModal related tests`, () => {
         expect(props.showBolusBar).not.toBeCalled();
         expectTextNotExists(rendered, `No, return to dashboard`);
     });
+    test(`BackHandler no recommendation visible - triggers exit modal`, () => {
+        const props = getRecommendationProps();
+        let backHandler;
+        const getBackHandlerListener = jest.fn((eventName, handler) => {
+            if (eventName === `hardwareBackPress`) {
+                backHandler = handler;
+            }
+        });
+        jest.resetModules();
+        jest.doMock(`react-native/Libraries/Utilities/BackHandler`, () => ({
+            addEventListener: getBackHandlerListener,
+            removeEventListener: jest.fn(),
+        }));
+        const rendered = render(<RecommendationScreen {...props}/>);
+        //@ts-ignore
+        backHandler?.();
+        rendered.rerender(<RecommendationScreen {...props}/>);
+        expectTextExists(rendered, `Save data before closing?`);
+        expect(props.showBolusBar).toBeCalled();
+    });
 });