@hedia/recommendation-screen 2.1.1 → 2.1.3-beta.0

package/src/__tests__/{RecommendationScreen.test.jsx → RecommendationScreen.test.js}

@@ -42,7 +42,7 @@ describe(`RecommendationScreen`, () => {
             },
             userReminder: 5,
         });
-        const wrapper = react_native_testing_library_1.render(<RecommendationScreen_1.default {...props}/>);
+        const wrapper = react_native_testing_library_1.render(react_1.default.createElement(RecommendationScreen_1.default, Object.assign({}, props)));
         const okButton = wrapper.getByTestId(enum_1.RecommendationModalTestIds.AcceptCarbs);
         react_native_testing_library_1.fireEvent(okButton, `onPress`);
         utils_1.expectTextExists(wrapper, `Food`);
@@ -59,7 +59,7 @@ describe(`RecommendationScreen`, () => {
                 recentBoluses: [],
             },
         });
-        const wrapper = react_native_testing_library_1.render(<RecommendationScreen_1.default {...props}/>);
+        const wrapper = react_native_testing_library_1.render(react_1.default.createElement(RecommendationScreen_1.default, Object.assign({}, props)));
         const okButton = wrapper.getByTestId(enum_1.RecommendationModalTestIds.AcceptCarbs);
         react_native_testing_library_1.fireEvent(okButton, `onPress`);
         utils_1.expectTextExists(wrapper, `Food`);
@@ -85,7 +85,7 @@ describe(`RecommendationScreen`, () => {
             },
             userReminder: 6,
         });
-        const wrapper = react_native_testing_library_1.render(<RecommendationScreen_1.default {...props}/>);
+        const wrapper = react_native_testing_library_1.render(react_1.default.createElement(RecommendationScreen_1.default, Object.assign({}, props)));
         const okayButton = wrapper.getByTestId(enum_1.RecommendationModalTestIds.OkButton);
         react_native_testing_library_1.fireEvent(okayButton, `onPress`);
         utils_1.expectTextExists(wrapper, `Food`);
@@ -105,7 +105,7 @@ describe(`RecommendationScreen`, () => {
                 activity: null,
             },
         });
-        const wrapper = react_native_testing_library_1.render(<RecommendationScreen_1.default {...props}/>);
+        const wrapper = react_native_testing_library_1.render(react_1.default.createElement(RecommendationScreen_1.default, Object.assign({}, props)));
         utils_1.expectTextExists(wrapper, `Food`);
         utils_1.expectTextNotExists(wrapper, `Recommended`);
         utils_1.expectTextNotExists(wrapper, `Additional`);
@@ -122,7 +122,7 @@ describe(`RecommendationScreen`, () => {
                 activity: null,
             },
         });
-        const wrapper = react_native_testing_library_1.render(<RecommendationScreen_1.default {...props}/>);
+        const wrapper = react_native_testing_library_1.render(react_1.default.createElement(RecommendationScreen_1.default, Object.assign({}, props)));
         const okButton = wrapper.getByTestId(enum_1.RecommendationModalTestIds.AcceptCarbs);
         react_native_testing_library_1.fireEvent(okButton, `onPress`);
         utils_1.expectTextExists(wrapper, `Food`);
@@ -135,7 +135,7 @@ describe(`RecommendationScreen`, () => {
     });
     test(`Update remeasureTime to number > 0`, () => {
         const props = utils_1.getRecommendationProps();
-        const wrapper = react_native_testing_library_1.render(<RecommendationScreen_1.default {...props}/>);
+        const wrapper = react_native_testing_library_1.render(react_1.default.createElement(RecommendationScreen_1.default, Object.assign({}, props)));
         utils_1.expectTextExists(wrapper, `hours`);
         const slider = wrapper.getByTestId(enum_1.RemeasureTestIds.RemeasureSlider);
         react_native_testing_library_1.fireEvent(slider, `onValueChange`, 3.2);
@@ -144,7 +144,7 @@ describe(`RecommendationScreen`, () => {
     });
     test(`Update remeasureTime to 0`, () => {
         const props = utils_1.getRecommendationProps();
-        const wrapper = react_native_testing_library_1.render(<RecommendationScreen_1.default {...props}/>);
+        const wrapper = react_native_testing_library_1.render(react_1.default.createElement(RecommendationScreen_1.default, Object.assign({}, props)));
         utils_1.expectTextExists(wrapper, `hours`);
         const slider = wrapper.getByTestId(enum_1.RemeasureTestIds.RemeasureSlider);
         react_native_testing_library_1.fireEvent(slider, `onValueChange`, 0);
@@ -158,7 +158,7 @@ describe(`RecommendationScreen`, () => {
                 recentBoluses: [],
             },
         });
-        const wrapper = react_native_testing_library_1.render(<RecommendationScreen_1.default {...props}/>);
+        const wrapper = react_native_testing_library_1.render(react_1.default.createElement(RecommendationScreen_1.default, Object.assign({}, props)));
         expect(props.onRecentInsulinYes).not.toBeCalled();
         utils_1.expectTextExists(wrapper, `Recommended amount of insulin`);
         const button = wrapper.getByTestId(enum_1.RecentInsulinTestIds.Yes);
@@ -173,7 +173,7 @@ describe(`RecommendationScreen`, () => {
                 recentBoluses: [],
             },
         });
-        const wrapper = react_native_testing_library_1.render(<RecommendationScreen_1.default {...props}/>);
+        const wrapper = react_native_testing_library_1.render(react_1.default.createElement(RecommendationScreen_1.default, Object.assign({}, props)));
         utils_1.expectTextExists(wrapper, `Have you taken insulin within the last 4 hours?`);
         const button = wrapper.getByTestId(enum_1.RecentInsulinTestIds.No);
         react_native_testing_library_1.fireEvent(button, `onPress`);
@@ -183,7 +183,7 @@ describe(`RecommendationScreen`, () => {
     });
     test(`Selecting neutral will set neutral to active`, () => {
         const props = utils_1.getRecommendationProps();
-        const wrapper = react_native_testing_library_1.render(<RecommendationScreen_1.default {...props}/>);
+        const wrapper = react_native_testing_library_1.render(react_1.default.createElement(RecommendationScreen_1.default, Object.assign({}, props)));
         const neutral = MoodEnum[MoodEnum.Neutral];
         const icon = utils_1.getIcon(wrapper, neutral, false);
         if (icon === null) {
@@ -219,7 +219,7 @@ describe(`RecommendationScreen`, () => {
             entered: null,
             suggested: 0,
         };
-        const wrapper = react_native_testing_library_1.render(<RecommendationScreen_1.default {...props}/>);
+        const wrapper = react_native_testing_library_1.render(react_1.default.createElement(RecommendationScreen_1.default, Object.assign({}, props)));
         expect(utils_1.queryTextFromComponent(wrapper, enum_1.RecommendedCarbsTestIds.EnteredCarbs)).toBe(`25`);
         expect(utils_1.queryTextFromComponent(wrapper, enum_1.RecommendedCarbsTestIds.RecommendedCarbs)).toBe(`1`);
         expect(utils_1.queryTextFromComponent(wrapper, enum_1.RecommendedCarbsTestIds.TotalCarbs)).toBe(`26`);
@@ -271,7 +271,7 @@ describe(`RecommendationScreen`, () => {
             entered: null,
             suggested: 0,
         };
-        const wrapper = react_native_testing_library_1.render(<RecommendationScreen_1.default {...props}/>);
+        const wrapper = react_native_testing_library_1.render(react_1.default.createElement(RecommendationScreen_1.default, Object.assign({}, props)));
         // Expect text from carbs -> change -> Expect text updated -> Transfer -> Expect callback
         utils_1.expectTextExists(wrapper, `1`);
         const removeButton = wrapper.getByTestId(enum_1.RecommendedCarbsTestIds.RemoveRecommendation);
@@ -305,7 +305,7 @@ describe(`RecommendationScreen`, () => {
                 recentBoluses,
             },
         });
-        const wrapper = react_native_testing_library_1.render(<RecommendationScreen_1.default {...props}/>);
+        const wrapper = react_native_testing_library_1.render(react_1.default.createElement(RecommendationScreen_1.default, Object.assign({}, props)));
         if (shown) {
             return utils_1.expectTextExists(wrapper, `Have you taken insulin within the last 4 hours?`);
         }
@@ -333,7 +333,7 @@ describe(`RecommendationScreen`, () => {
             entered: 7,
             suggested: 2,
         };
-        const wrapper = react_native_testing_library_1.render(<RecommendationScreen_1.default {...props}/>);
+        const wrapper = react_native_testing_library_1.render(react_1.default.createElement(RecommendationScreen_1.default, Object.assign({}, props)));
         // Expect text from insulin -> change -> Expect text updated -> Transfer -> Expect callback
         utils_1.expectTextNotExists(wrapper, `Additional`);
         utils_1.expectTextNotExists(wrapper, `Transfer to logbook`);
@@ -374,7 +374,7 @@ describe(`RecommendationScreen`, () => {
             suggested: 2,
         };
         const invalidInsulin = 300;
-        const wrapper = react_native_testing_library_1.render(<RecommendationScreen_1.default {...props}/>);
+        const wrapper = react_native_testing_library_1.render(react_1.default.createElement(RecommendationScreen_1.default, Object.assign({}, props)));
         // Answer "No" to recent insulin
         const noButton = wrapper.getByTestId(enum_1.RecentInsulinTestIds.No);
         react_native_testing_library_1.fireEvent(noButton, `onPress`);
@@ -405,7 +405,7 @@ describe(`RecommendationScreen`, () => {
                 activity: null,
             },
         });
-        const wrapper = react_native_testing_library_1.render(<RecommendationScreen_1.default {...props}/>);
+        const wrapper = react_native_testing_library_1.render(react_1.default.createElement(RecommendationScreen_1.default, Object.assign({}, props)));
         // Expect text from insulin -> change -> Expect text updated -> Transfer -> Expect callback
         const noButton = wrapper.getByTestId(enum_1.RecentInsulinTestIds.No);
         react_native_testing_library_1.fireEvent(noButton, `onPress`);
@@ -447,12 +447,12 @@ describe(`RecommendationScreen`, () => {
         const props = utils_1.getRecommendationProps({
             language: locale,
         });
-        const wrapper = react_native_testing_library_1.render(<RecommendationScreen_1.default {...props}/>);
+        const wrapper = react_native_testing_library_1.render(react_1.default.createElement(RecommendationScreen_1.default, Object.assign({}, props)));
         utils_1.expectTextExists(wrapper, text);
     });
     test(`Error is thrown when passing an unsupported language`, () => {
         const props = utils_1.getRecommendationProps();
-        const wrapper = react_native_testing_library_1.render(<RecommendationScreen_1.default {...props} language={`INVALID_LANGUAGE`}/>);
+        const wrapper = react_native_testing_library_1.render(react_1.default.createElement(RecommendationScreen_1.default, Object.assign({}, props, { language: `INVALID_LANGUAGE` })));
         utils_1.expectTextNotExists(wrapper, `INSULIN\nRECOMMENDATION`);
         expect(props.onError).toBeCalledWith(RecommendationError_1.LanguageError());
     });
@@ -463,7 +463,7 @@ describe(`RecommendationScreen`, () => {
                 activity: { ...utils_1.generateActivityProps(), activityIntensity: hard, activityDuration: 46 },
             },
         });
-        react_native_testing_library_1.render(<RecommendationScreen_1.default {...props}/>);
+        react_native_testing_library_1.render(react_1.default.createElement(RecommendationScreen_1.default, Object.assign({}, props)));
         expect(props.onError).toBeCalledWith(new Error(types_1.BolusCalculator.Enums.ActivityErrors.InvalidInterval));
     });
     test.each `
@@ -476,17 +476,17 @@ describe(`RecommendationScreen`, () => {
 		${types_1.Languages.fr} | ${types_1.Languages.en} | ${`RECOMMANDATION\nD’INSULINE`} | ${`INSULIN\nRECOMMENDATION`}
 	`(`Changing language changes header text; initial-language:$initialLocale to changed-language:$locale`, ({ initialLocale, locale, initialText, text }) => {
         const props = utils_1.getRecommendationProps({ language: initialLocale });
-        const wrapper = react_native_testing_library_1.render(<RecommendationScreen_1.default {...props}/>);
+        const wrapper = react_native_testing_library_1.render(react_1.default.createElement(RecommendationScreen_1.default, Object.assign({}, props)));
         utils_1.expectTextExists(wrapper, initialText);
         utils_1.expectTextNotExists(wrapper, text);
         i18nUtils_1.i18n.activate(locale);
-        wrapper.rerender(<RecommendationScreen_1.default {...props}/>);
+        wrapper.rerender(react_1.default.createElement(RecommendationScreen_1.default, Object.assign({}, props)));
         utils_1.expectTextNotExists(wrapper, initialText);
         utils_1.expectTextExists(wrapper, text);
     });
     test(`Timeout callback runs after 15 minutes`, () => {
         const props = utils_1.getRecommendationProps();
-        const wrapper = react_native_testing_library_1.render(<RecommendationScreen_1.default {...props}/>);
+        const wrapper = react_native_testing_library_1.render(react_1.default.createElement(RecommendationScreen_1.default, Object.assign({}, props)));
         expect(props.onError).not.toBeCalled();
         jest.runAllTimers();
         expect(props.onError).not.toBeCalled();
@@ -501,62 +501,81 @@ describe(`RecommendationScreen`, () => {
                 recentBoluses: [],
             },
         });
-        const wrapper = react_native_testing_library_1.render(<RecommendationScreen_1.default {...props}/>);
+        const wrapper = react_native_testing_library_1.render(react_1.default.createElement(RecommendationScreen_1.default, Object.assign({}, props)));
         utils_1.expectTextExists(wrapper, `INSULIN\nRECOMMENDATION`);
         utils_1.expectTextExists(wrapper, `0`);
     });
     test(`InfoBars behave as expected with BGL & Active Insulin`, () => {
+        const { BloodGlucose: BGValueTestID, BloodKetone: BKValueTestID, ActiveInsulin: ActiveInsulinValueTestID, } = enum_1.InfoBarTestIds.Value;
+        const { ActiveInsulin: ActiveInsulinUnitTestID } = enum_1.InfoBarTestIds.Unit;
         const props = {
             ...utils_1.getRecommendationProps({
                 calculatorParams: {
                     ...utils_1.getRecommendationProps().calculatorParams,
-                    // @ts-ignore
                     currentBGL: null,
                 },
             }),
             currentBKL: null,
         };
-        // @ts-ignore
-        const wrapper = react_native_testing_library_1.render(<RecommendationScreen_1.default {...props}/>);
-        utils_1.expectTextExists(wrapper, /2\./);
-        expect(wrapper.queryAllByText(`-.-`)).toHaveLength(2);
-    });
-    test(`InfoBars displays bgl and ketones  in mg/dL`, () => {
+        const wrapper = react_native_testing_library_1.render(react_1.default.createElement(RecommendationScreen_1.default, Object.assign({}, props)));
+        const shownKetoneValue = utils_1.queryTextFromComponent(wrapper, BKValueTestID);
+        const shownGlucoseValue = utils_1.queryTextFromComponent(wrapper, BGValueTestID);
+        const shownActiveInsulinValue = utils_1.queryTextFromComponent(wrapper, ActiveInsulinValueTestID);
+        const shownActiveInsulinUnit = utils_1.queryTextFromComponent(wrapper, ActiveInsulinUnitTestID);
+        expect(shownKetoneValue).toBe(`-.-`);
+        expect(shownGlucoseValue).toBe(`-.-`);
+        expect(shownActiveInsulinValue).not.toBe(`0`);
+        expect(shownActiveInsulinUnit).toBe(`units`);
+    });
+    test(`InfoBars displays bgl and ketones in mg/dL`, () => {
+        const { BloodGlucose: BGValueTestID, BloodKetone: BKValueTestID } = enum_1.InfoBarTestIds.Value;
+        const { BloodGlucose: BGUnitTestID, BloodKetone: BKUnitTestID } = enum_1.InfoBarTestIds.Unit;
         const props = utils_1.getRecommendationProps({
-            calculatorParams: {
-                ...utils_1.getRecommendationProps().calculatorParams,
-                currentBGL: 1.1,
-            },
             bloodGlucoseUnit: types_1.BloodGlucoseUnit.MG_DL,
             bloodKetoneUnit: types_1.BloodKetonesUnit.MG_DL,
         });
-        const bklMGDL = Utils_1.Utils.convertBKLToMGDL(props.currentBKL);
-        const bglMGDL = Utils_1.Utils.convertBGLToMGDL(props.calculatorParams.currentBGL);
-        const wrapper = react_native_testing_library_1.render(<RecommendationScreen_1.default {...props}/>);
-        utils_1.expectTextExists(wrapper, /2\./);
-        utils_1.expectTextExists(wrapper, `${bglMGDL}`);
-        utils_1.expectTextExists(wrapper, `${bklMGDL}`);
+        const { currentBKL, calculatorParams: { currentBGL }, } = props;
+        const wrapper = react_native_testing_library_1.render(react_1.default.createElement(RecommendationScreen_1.default, Object.assign({}, props)));
+        const shownKetoneUnit = utils_1.queryTextFromComponent(wrapper, BKUnitTestID);
+        const shownKetoneValue = utils_1.queryTextFromComponent(wrapper, BKValueTestID);
+        const bklMGDL = Utils_1.Utils.convertBKLToMGDL(currentBKL);
+        expect(shownKetoneUnit).toBe(`mg/dL`);
+        expect(shownKetoneValue).toBe(`${bklMGDL}`);
+        const shownGlucoseUnit = utils_1.queryTextFromComponent(wrapper, BGUnitTestID);
+        const shownGlucoseValue = utils_1.queryTextFromComponent(wrapper, BGValueTestID);
+        const bglMGDL = Utils_1.Utils.convertBGLToMGDL(currentBGL);
+        expect(shownGlucoseUnit).toBe(`mg/dL`);
+        expect(shownGlucoseValue).toBe(`${bglMGDL}`);
     });
     test(`InfoBars displays negative level currentBKL as 0`, () => {
+        const { BloodKetone: BKValueTestID } = enum_1.InfoBarTestIds.Value;
+        const { BloodKetone: BKUnitTestID } = enum_1.InfoBarTestIds.Unit;
         const props = utils_1.getRecommendationProps({
-            calculatorParams: {
-                ...utils_1.getRecommendationProps().calculatorParams,
-                currentBGL: 33,
-                carbohydrates: 1,
-            },
             currentBKL: 0,
             bloodKetoneUnit: types_1.BloodKetonesUnit.MG_DL,
         });
-        const wrapper = react_native_testing_library_1.render(<RecommendationScreen_1.default {...props}/>);
-        utils_1.expectTextExists(wrapper, `0`);
-        utils_1.expectTextNotExists(wrapper, `-`);
-    });
-    test(`Can display with undefined activityDisplayProps`, () => {
+        const wrapper = react_native_testing_library_1.render(react_1.default.createElement(RecommendationScreen_1.default, Object.assign({}, props)));
+        const shownKetoneUnit = utils_1.queryTextFromComponent(wrapper, BKUnitTestID);
+        const shownKetoneValue = utils_1.queryTextFromComponent(wrapper, BKValueTestID);
+        expect(shownKetoneValue).toBe(`0`);
+        expect(shownKetoneUnit).toBe(`mg/dL`);
+    });
+    test(`InfoBars displays null curentBKL and null BloodKetoneUnit as -`, () => {
+        const { BloodKetone: BKValueTestID } = enum_1.InfoBarTestIds.Value;
+        const { BloodKetone: BKUnitTestID } = enum_1.InfoBarTestIds.Unit;
+        const props = { ...utils_1.getRecommendationProps(), currentBKL: null, bloodKetoneUnit: null };
+        const wrapper = react_native_testing_library_1.render(react_1.default.createElement(RecommendationScreen_1.default, Object.assign({}, props)));
+        const shownKetoneUnit = utils_1.queryTextFromComponent(wrapper, BKUnitTestID);
+        const shownKetoneValue = utils_1.queryTextFromComponent(wrapper, BKValueTestID);
+        expect(shownKetoneUnit).toBe(``);
+        expect(shownKetoneValue).toBe(`-`);
+    });
+    test(`Can display with null activityDisplayProps`, () => {
         const props = utils_1.getRecommendationProps({
             calculatorParams: utils_1.getRecommendationProps().calculatorParams,
-            activityDisplayProps: undefined,
+            activityDisplayProps: null,
         });
-        const wrapper = react_native_testing_library_1.render(<RecommendationScreen_1.default {...props}/>);
+        const wrapper = react_native_testing_library_1.render(react_1.default.createElement(RecommendationScreen_1.default, Object.assign({}, props)));
         utils_1.expectTextExists(wrapper, `INSULIN\nRECOMMENDATION`);
         const shownInsulin = utils_1.queryTextFromComponent(wrapper, enum_1.RecommendedInsulinTestIds.ShownInsulinText);
         expect(shownInsulin).toBe(`0`);
@@ -577,12 +596,12 @@ describe(`RecommendationScreen`, () => {
                 },
             },
         });
-        const wrapper = react_native_testing_library_1.render(<RecommendationScreen_1.default {...props}/>);
+        const wrapper = react_native_testing_library_1.render(react_1.default.createElement(RecommendationScreen_1.default, Object.assign({}, props)));
         const englishText = Translations_1.ActivityIntensityTranslations[intensity]();
         utils_1.expectTextExists(wrapper, englishText);
         utils_1.expectTextNotExists(wrapper, translation);
         i18nUtils_1.i18n.activate(types_1.Languages.da);
-        wrapper.rerender(<RecommendationScreen_1.default {...props}/>);
+        wrapper.rerender(react_1.default.createElement(RecommendationScreen_1.default, Object.assign({}, props)));
         utils_1.expectTextExists(wrapper, translation);
         utils_1.expectTextNotExists(wrapper, englishText);
     });
@@ -602,7 +621,7 @@ describe(`RecommendationScreen`, () => {
             carbRecommendationAnswer,
         });
         // Render the screen, expecting a carb recommendation modal.
-        const wrapper = react_native_testing_library_1.render(<RecommendationScreen_1.default {...props}/>);
+        const wrapper = react_native_testing_library_1.render(react_1.default.createElement(RecommendationScreen_1.default, Object.assign({}, props)));
         utils_1.expectTextExists(wrapper, `We recommend eating an additional:`);
         // Get the yes button from the modal
         const yesButton = wrapper.getByTestId(enum_1.RecommendationModalTestIds.AcceptCarbs);
@@ -642,7 +661,7 @@ describe(`Recommendation Screen - RecommendationModal related tests`, () => {
             userReminder: 5,
             carbRecommendationAnswer,
         });
-        const wrapper = react_native_testing_library_1.render(<RecommendationScreen_1.default {...props}/>);
+        const wrapper = react_native_testing_library_1.render(react_1.default.createElement(RecommendationScreen_1.default, Object.assign({}, props)));
         const noButton = wrapper.getByTestId(enum_1.RecommendationModalTestIds.DeclineCarbs);
         react_native_testing_library_1.fireEvent(noButton, `onPress`);
         expect(carbRecommendationAnswer).toBeCalledWith(false);
@@ -664,7 +683,7 @@ describe(`Recommendation Screen - RecommendationModal related tests`, () => {
             userReminder: 5,
             carbRecommendationAnswer,
         });
-        const wrapper = react_native_testing_library_1.render(<RecommendationScreen_1.default {...props}/>);
+        const wrapper = react_native_testing_library_1.render(react_1.default.createElement(RecommendationScreen_1.default, Object.assign({}, props)));
         utils_1.expectTextExists(wrapper, `We recommend eating an additional:`);
         const yesButton = wrapper.getByTestId(enum_1.RecommendationModalTestIds.AcceptCarbs);
         react_native_testing_library_1.fireEvent(yesButton, `onPress`);
@@ -686,7 +705,7 @@ describe(`Recommendation Screen - RecommendationModal related tests`, () => {
             },
             userReminder: 5,
         });
-        const wrapper = react_native_testing_library_1.render(<RecommendationScreen_1.default {...props}/>);
+        const wrapper = react_native_testing_library_1.render(react_1.default.createElement(RecommendationScreen_1.default, Object.assign({}, props)));
         const nextButton = wrapper.getByTestId(enum_1.LimitationMessageTestIds.OkButton);
         react_native_testing_library_1.fireEvent(nextButton, `onPress`);
         const yesButton = wrapper.getByTestId(enum_1.RecommendationModalTestIds.OkButton);
@@ -700,7 +719,7 @@ describe(`Recommendation Screen - RecommendationModal related tests`, () => {
 describe(`Recommendation Screen - TwoOptionModal related tests`, () => {
     test(`Save to logbook from ExitModal option`, () => {
         const props = utils_1.getRecommendationProps();
-        const wrapper = react_native_testing_library_1.render(<RecommendationScreen_1.default {...props}/>);
+        const wrapper = react_native_testing_library_1.render(react_1.default.createElement(RecommendationScreen_1.default, Object.assign({}, props)));
         //press exit button
         const exitButton = wrapper.getByTestId(enum_1.HeaderTestIds.ExitCalculation);
         react_native_testing_library_1.fireEvent(exitButton, `onPress`);
@@ -713,7 +732,7 @@ describe(`Recommendation Screen - TwoOptionModal related tests`, () => {
     });
     test(`Close calculation callback from ExitModal option`, () => {
         const props = utils_1.getRecommendationProps();
-        const wrapper = react_native_testing_library_1.render(<RecommendationScreen_1.default {...props}/>);
+        const wrapper = react_native_testing_library_1.render(react_1.default.createElement(RecommendationScreen_1.default, Object.assign({}, props)));
         //press exit button
         const exitButton = wrapper.getByTestId(enum_1.HeaderTestIds.ExitCalculation);
         react_native_testing_library_1.fireEvent(exitButton, `onPress`);
@@ -728,7 +747,7 @@ describe(`Recommendation Screen - TwoOptionModal related tests`, () => {
         const props = utils_1.getRecommendationProps({
             calculatorParams: { ...utils_1.generateDefaultCalculatorParams(), recentBoluses: [] },
         });
-        const wrapper = react_native_testing_library_1.render(<RecommendationScreen_1.default {...props}/>);
+        const wrapper = react_native_testing_library_1.render(react_1.default.createElement(RecommendationScreen_1.default, Object.assign({}, props)));
         const exitButton = wrapper.getByTestId(enum_1.HeaderTestIds.ExitCalculation);
         react_native_testing_library_1.fireEvent(exitButton, `onPress`);
         utils_1.expectTextExists(wrapper, `Have you taken insulin within the last 4 hours?`);
@@ -737,7 +756,7 @@ describe(`Recommendation Screen - TwoOptionModal related tests`, () => {
     });
     test(`Test triggering on/off the ExitModal`, async () => {
         const props = utils_1.getRecommendationProps();
-        const wrapper = react_native_testing_library_1.render(<RecommendationScreen_1.default {...props}/>);
+        const wrapper = react_native_testing_library_1.render(react_1.default.createElement(RecommendationScreen_1.default, Object.assign({}, props)));
         const exitButton = wrapper.getByTestId(enum_1.HeaderTestIds.ExitCalculation);
         react_native_testing_library_1.fireEvent(exitButton, `onPress`);
         expect(props.showBolusBar).toBeCalledWith(false);
@@ -751,7 +770,7 @@ describe(`Recommendation Screen - TwoOptionModal related tests`, () => {
     });
     test(`Can translate ExitModal option`, () => {
         const props = utils_1.getRecommendationProps({ language: types_1.Languages.da });
-        const wrapper = react_native_testing_library_1.render(<RecommendationScreen_1.default {...props}/>);
+        const wrapper = react_native_testing_library_1.render(react_1.default.createElement(RecommendationScreen_1.default, Object.assign({}, props)));
         //press exit button
         const exitButton = wrapper.getByTestId(enum_1.HeaderTestIds.ExitCalculation);
         react_native_testing_library_1.fireEvent(exitButton, `onPress`);
@@ -763,7 +782,7 @@ describe(`Recommendation Screen - TwoOptionModal related tests`, () => {
     });
     test(`Test TimeoutModal first option WITH recommendation visible`, () => {
         const props = utils_1.getRecommendationProps();
-        const wrapper = react_native_testing_library_1.render(<RecommendationScreen_1.default {...props}/>);
+        const wrapper = react_native_testing_library_1.render(react_1.default.createElement(RecommendationScreen_1.default, Object.assign({}, props)));
         expect(props.onError).not.toBeCalled();
         jest.runAllTimers();
         expect(props.onError).not.toBeCalled();
@@ -774,7 +793,7 @@ describe(`Recommendation Screen - TwoOptionModal related tests`, () => {
         utils_1.expectTextExists(wrapper, `Yes, save to logbook`);
         utils_1.expectTextExists(wrapper, `No, return to dashboard`);
         i18nUtils_1.i18n.activate(types_1.Languages.da);
-        wrapper.rerender(<RecommendationScreen_1.default {...props}/>);
+        wrapper.rerender(react_1.default.createElement(RecommendationScreen_1.default, Object.assign({}, props)));
         jest.runAllTimers();
         utils_1.expectTextExists(wrapper, `Der er gået mere end 15 minutter siden udregningen blev startet.`);
         const saveToLogbook = wrapper.getByTestId(enum_1.TwoOptionModalTestIds.FirstOption);
@@ -783,7 +802,7 @@ describe(`Recommendation Screen - TwoOptionModal related tests`, () => {
     });
     test(`Test TimeoutModal second option WITH recommendation visible`, () => {
         const props = utils_1.getRecommendationProps();
-        const wrapper = react_native_testing_library_1.render(<RecommendationScreen_1.default {...props}/>);
+        const wrapper = react_native_testing_library_1.render(react_1.default.createElement(RecommendationScreen_1.default, Object.assign({}, props)));
         expect(props.onError).not.toBeCalled();
         jest.runAllTimers();
         expect(props.onError).not.toBeCalled();
@@ -801,7 +820,7 @@ describe(`Recommendation Screen - TwoOptionModal related tests`, () => {
         const props = utils_1.getRecommendationProps({
             calculatorParams: { ...utils_1.generateDefaultCalculatorParams(), recentBoluses: [] },
         });
-        const wrapper = react_native_testing_library_1.render(<RecommendationScreen_1.default {...props}/>);
+        const wrapper = react_native_testing_library_1.render(react_1.default.createElement(RecommendationScreen_1.default, Object.assign({}, props)));
         expect(props.onError).not.toBeCalled();
         jest.runAllTimers();
         expect(props.onError).not.toBeCalled();
@@ -821,7 +840,7 @@ describe(`Recommendation Screen - TwoOptionModal related tests`, () => {
         const props = utils_1.getRecommendationProps({
             calculatorParams: { ...utils_1.generateDefaultCalculatorParams(), recentBoluses: [] },
         });
-        const wrapper = react_native_testing_library_1.render(<RecommendationScreen_1.default {...props}/>);
+        const wrapper = react_native_testing_library_1.render(react_1.default.createElement(RecommendationScreen_1.default, Object.assign({}, props)));
         expect(props.onError).not.toBeCalled();
         jest.runAllTimers();
         expect(props.onError).not.toBeCalled();
@@ -832,7 +851,7 @@ describe(`Recommendation Screen - TwoOptionModal related tests`, () => {
         utils_1.expectTextExists(wrapper, `Start new calculation`);
         utils_1.expectTextExists(wrapper, `Return to dashboard`);
         i18nUtils_1.i18n.activate(types_1.Languages.da);
-        wrapper.rerender(<RecommendationScreen_1.default {...props}/>);
+        wrapper.rerender(react_1.default.createElement(RecommendationScreen_1.default, Object.assign({}, props)));
         jest.runAllTimers();
         utils_1.expectTextExists(wrapper, `Der er gået mere end 15 minutter siden udregningen blev startet.`);
         const returnToDashboard = wrapper.getByTestId(enum_1.TwoOptionModalTestIds.FirstOption);
@@ -853,25 +872,25 @@ describe(`Recommendation Screen - TwoOptionModal related tests`, () => {
             addEventListener: getMockAppStateListener,
             removeEventListener: jest.fn(),
         }));
-        const wrapper = react_native_testing_library_1.render(<RecommendationScreen_1.default {...props}/>);
+        const wrapper = react_native_testing_library_1.render(react_1.default.createElement(RecommendationScreen_1.default, Object.assign({}, props)));
         // @ts-ignore
         appStateListener?.(`active`);
         // Run twice to test else path
         global.Date.now = () => new Date().getTime() + types_1.Milliseconds.Minute * 14;
         // @ts-ignore
         appStateListener?.(`active`);
-        wrapper.rerender(<RecommendationScreen_1.default {...props}/>);
+        wrapper.rerender(react_1.default.createElement(RecommendationScreen_1.default, Object.assign({}, props)));
         expect(props.showBolusBar).not.toBeCalledWith(false);
         utils_1.expectTextNotExists(wrapper, `No, return to dashboard`);
         global.Date.now = () => new Date().getTime() + types_1.Milliseconds.Minute * 15;
         // @ts-ignore
         appStateListener(`active`);
-        wrapper.rerender(<RecommendationScreen_1.default {...props}/>);
+        wrapper.rerender(react_1.default.createElement(RecommendationScreen_1.default, Object.assign({}, props)));
         expect(props.showBolusBar).toBeCalledWith(false);
         utils_1.expectTextExists(wrapper, `No, return to dashboard`);
         const closeModalButton = wrapper.getByTestId(enum_1.TwoOptionModalTestIds.SecondOption);
         react_native_testing_library_1.fireEvent(closeModalButton, `secondOption`);
-        wrapper.rerender(<RecommendationScreen_1.default {...props}/>);
+        wrapper.rerender(react_1.default.createElement(RecommendationScreen_1.default, Object.assign({}, props)));
         utils_1.expectTextNotExists(wrapper, `No, return to dashboard`);
         expect(props.showBolusBar).toBeCalledWith(true);
     });
@@ -888,10 +907,10 @@ describe(`Recommendation Screen - TwoOptionModal related tests`, () => {
             addEventListener: getMockAppStateListener,
             removeEventListener: jest.fn(),
         }));
-        const rendered = react_native_testing_library_1.render(<RecommendationScreen_1.default {...props}/>);
+        const rendered = react_native_testing_library_1.render(react_1.default.createElement(RecommendationScreen_1.default, Object.assign({}, props)));
         // @ts-ignore
         appStateListener(`NotAnAppStateStatus`);
-        rendered.rerender(<RecommendationScreen_1.default {...props}/>);
+        rendered.rerender(react_1.default.createElement(RecommendationScreen_1.default, Object.assign({}, props)));
         expect(props.showBolusBar).not.toBeCalled();
         utils_1.expectTextNotExists(rendered, `No, return to dashboard`);
     });

package/src/__tests__/Validations.test.js

@@ -60,10 +60,28 @@ describe(`Test validations functions for the recommendation props`, () => {
 	`(`Validation checking on invalid blood glucose unit types $invalidUnit throws error`, ({ invalidUnit }) => {
         expect(() => Validations.checkBGLUnit(invalidUnit)).toThrowError(Errors.BloodGlucoseUnitError());
     });
+    test.each `
+		validKetoneProps
+		${{ bloodKetoneUnit: types_1.BloodKetonesUnit.MG_DL, currentBKL: 0 }}
+		${{ bloodKetoneUnit: types_1.BloodKetonesUnit.MMOL_L, currentBKL: null }}
+		${{ bloodKetoneUnit: null, currentBKL: null }}
+	`(`Validation checking on valid blood ketones props $validKetoneProps`, ({ validKetoneProps }) => {
+        const { bloodKetoneUnit, currentBKL } = validKetoneProps;
+        expect(() => Validations.checkBKProps(bloodKetoneUnit, currentBKL)).not.toThrowError(Errors.BloodKetonePropsError());
+    });
+    test.each `
+		invalidKetoneProps
+		${{ bloodKetoneUnit: null, currentBKL: 0 }}
+		${{ bloodKetoneUnit: null, currentBKL: 8 }}
+	`(`Validation checking on invalid blood ketones props $invalidKetoneProps`, ({ invalidKetoneProps }) => {
+        const { bloodKetoneUnit, currentBKL } = invalidKetoneProps;
+        expect(() => Validations.checkBKProps(bloodKetoneUnit, currentBKL)).toThrowError(Errors.BloodKetonePropsError());
+    });
     test.each `
 		validUnit
 		${types_1.BloodKetonesUnit.MG_DL}
 		${types_1.BloodKetonesUnit.MMOL_L}
+		${null}
 	`(`Validation checking on blood ketones unit types $validUnit`, ({ validUnit }) => {
         expect(() => Validations.checkBKLUnit(validUnit)).not.toThrowError(Errors.BloodKetoneUnitError());
     });

package/src/__tests__/components/{Activity.test.jsx → Activity.test.js}

@@ -27,7 +27,7 @@ describe(`Activity - Component`, () => {
 	`(`Renders $activityIntensity`, ({ activityIntensity }) => {
         const { activityDisplayProps } = utils_1.getRecommendationProps();
         const activity = utils_1.generateActivityProps();
-        const wrapper = react_native_testing_library_1.render(utils_1.i18nProvided(<Activity_1.default activity={{ ...activity, activityIntensity }} activityType={activityDisplayProps?.activityType ?? null} activityTitle={activityDisplayProps?.activityTitle ?? null} activityReduction={0}/>));
+        const wrapper = react_native_testing_library_1.render(utils_1.i18nProvided(react_2.default.createElement(Activity_1.default, { activity: { ...activity, activityIntensity }, activityType: activityDisplayProps?.activityType ?? null, activityTitle: activityDisplayProps?.activityTitle ?? null, activityReduction: 0 })));
         utils_1.expectTextExists(wrapper, `Activity`);
         utils_1.expectTextExists(wrapper, `30`);
         utils_1.expectTextExists(wrapper, `min`);
@@ -44,21 +44,21 @@ describe(`Activity - Component`, () => {
 	`(`Renders activity reduction from decimal: $reduction to percentage`, ({ reduction }) => {
         const { activityDisplayProps } = utils_1.getRecommendationProps();
         const activity = utils_1.generateActivityProps();
-        const wrapper = react_native_testing_library_1.render(utils_1.i18nProvided(<Activity_1.default activity={activity} activityType={activityDisplayProps?.activityType ?? null} activityReduction={reduction} activityTitle={activityDisplayProps?.activityTitle ?? null}/>));
+        const wrapper = react_native_testing_library_1.render(utils_1.i18nProvided(react_2.default.createElement(Activity_1.default, { activity: activity, activityType: activityDisplayProps?.activityType ?? null, activityReduction: reduction, activityTitle: activityDisplayProps?.activityTitle ?? null })));
         utils_1.expectTextExists(wrapper, `${reduction * 100}%`);
     });
     test(`Renders activity reduction as 0 when null is passed`, () => {
         const { activityDisplayProps } = utils_1.getRecommendationProps();
         const activity = utils_1.generateActivityProps();
         const reduction = null;
-        const wrapper = react_native_testing_library_1.render(utils_1.i18nProvided(<Activity_1.default activity={activity} activityType={activityDisplayProps?.activityType ?? null} activityReduction={reduction} activityTitle={activityDisplayProps?.activityTitle ?? null}/>));
+        const wrapper = react_native_testing_library_1.render(utils_1.i18nProvided(react_2.default.createElement(Activity_1.default, { activity: activity, activityType: activityDisplayProps?.activityType ?? null, activityReduction: reduction, activityTitle: activityDisplayProps?.activityTitle ?? null })));
         const text = utils_1.queryTextFromComponent(wrapper, enum_1.ActivityTestIds.ActivityReduction);
         expect(text).toBe(`0%`);
     });
     test(`Can render activity title`, () => {
         const { activityDisplayProps } = utils_1.getRecommendationProps();
         const activity = utils_1.generateActivityProps();
-        const wrapper = react_native_testing_library_1.render(utils_1.i18nProvided(<Activity_1.default activity={{ ...activity }} activityType={activityDisplayProps?.activityType ?? null} activityTitle={activityDisplayProps?.activityTitle ?? null} activityReduction={0}/>));
+        const wrapper = react_native_testing_library_1.render(utils_1.i18nProvided(react_2.default.createElement(Activity_1.default, { activity: { ...activity }, activityType: activityDisplayProps?.activityType ?? null, activityTitle: activityDisplayProps?.activityTitle ?? null, activityReduction: 0 })));
         utils_1.expectTextExists(wrapper, activityDisplayProps?.activityTitle);
     });
     test.each `
@@ -73,15 +73,14 @@ describe(`Activity - Component`, () => {
         const { activityDisplayProps } = utils_1.getRecommendationProps();
         const activity = utils_1.generateActivityProps();
         i18nUtils_1.i18n.activate(locale);
-        const wrapper = react_native_testing_library_1.render(<react_1.I18nProvider language={locale} i18n={i18nUtils_1.i18n}>
-				<Activity_1.default activity={activity} activityType={activityDisplayProps?.activityType ?? null} activityTitle={activityDisplayProps?.activityTitle ?? null} activityReduction={0}/>
-			</react_1.I18nProvider>);
+        const wrapper = react_native_testing_library_1.render(react_2.default.createElement(react_1.I18nProvider, { language: locale, i18n: i18nUtils_1.i18n },
+            react_2.default.createElement(Activity_1.default, { activity: activity, activityType: activityDisplayProps?.activityType ?? null, activityTitle: activityDisplayProps?.activityTitle ?? null, activityReduction: 0 })));
         utils_1.expectTextExists(wrapper, message);
     });
     test(`ActivityIcon defaults to other if activityType is null`, () => {
         const { activityDisplayProps } = utils_1.getRecommendationProps();
         const activity = utils_1.generateActivityProps();
-        const wrapper = react_native_testing_library_1.render(utils_1.i18nProvided(<Activity_1.default activity={{ ...activity }} activityType={null} activityTitle={activityDisplayProps?.activityTitle ?? null} activityReduction={0}/>));
+        const wrapper = react_native_testing_library_1.render(utils_1.i18nProvided(react_2.default.createElement(Activity_1.default, { activity: { ...activity }, activityType: null, activityTitle: activityDisplayProps?.activityTitle ?? null, activityReduction: 0 })));
         utils_1.expectTextExists(wrapper, activityDisplayProps?.activityTitle);
         const existingLabel = `${types_1.Activity.Enums.ActivityEnum[types_1.Activity.Enums.ActivityEnum.Other]}_activity`;
         const nonExistingLabel = `${types_1.Activity.Enums.ActivityEnum[types_1.Activity.Enums.ActivityEnum.Run]}_activity`;

package/src/__tests__/components/{Emotion.test.jsx → Emotion.test.js}

@@ -17,7 +17,7 @@ describe(`Emotion - Component`, () => {
     });
     test(`Can mount component in `, () => {
         const mockSelected = jest.fn();
-        const wrapper = react_native_testing_library_1.render(utils_1.i18nProvided(<Emotion_1.default moodSelected={mockSelected} currentMood={null}/>));
+        const wrapper = react_native_testing_library_1.render(utils_1.i18nProvided(react_1.default.createElement(Emotion_1.default, { moodSelected: mockSelected, currentMood: null })));
         utils_1.expectTextExists(wrapper, `How are you feeling?`);
     });
     test.each `
@@ -30,7 +30,7 @@ describe(`Emotion - Component`, () => {
 	`(`Pressing on $moodName icon deselects others`, ({ mood, moodName, preselected, preselectedName, }) => {
         let mockedStateMood = preselected;
         const mockSelected = jest.fn((selectedMood) => (mockedStateMood = selectedMood));
-        const wrapper = react_native_testing_library_1.render(<Emotion_1.default moodSelected={mockSelected} currentMood={mockedStateMood}/>);
+        const wrapper = react_native_testing_library_1.render(react_1.default.createElement(Emotion_1.default, { moodSelected: mockSelected, currentMood: mockedStateMood }));
         const preIcon = utils_1.getIcon(wrapper, preselectedName, true);
         if (preIcon === null) {
             return fail(`No icon found for queryByA11yLabel: ${preselectedName}_${true}`);
@@ -42,7 +42,7 @@ describe(`Emotion - Component`, () => {
         // Select a different mood
         react_native_testing_library_1.fireEvent(newIcon, `onPress`);
         expect(mockedStateMood).toBe(mood);
-        wrapper.update(<Emotion_1.default moodSelected={mockSelected} currentMood={mockedStateMood}/>);
+        wrapper.update(react_1.default.createElement(Emotion_1.default, { moodSelected: mockSelected, currentMood: mockedStateMood }));
         const moodValues = Object.values(MoodEnum).filter((value) => typeof value === `string`);
         moodValues.forEach((value) => {
             if (moodName === value) {
@@ -59,7 +59,7 @@ describe(`Emotion - Component`, () => {
         let mockedStateMood = MoodEnum.Happy;
         const mockSelected = jest.fn((newMood) => (mockedStateMood = newMood));
         const mood = MoodEnum[mockedStateMood];
-        const wrapper = react_native_testing_library_1.render(<Emotion_1.default moodSelected={mockSelected} currentMood={mockedStateMood}/>);
+        const wrapper = react_native_testing_library_1.render(react_1.default.createElement(Emotion_1.default, { moodSelected: mockSelected, currentMood: mockedStateMood }));
         // current mood has already been selected: Happy
         expect(utils_1.getIcon(wrapper, mood, true)).not.toBeNull();
         expect(utils_1.getIcon(wrapper, mood, false)).toBeNull();
@@ -68,7 +68,7 @@ describe(`Emotion - Component`, () => {
             return fail(`No icon found for queryByA11yLabel: ${mood}_${true}`);
         }
         react_native_testing_library_1.fireEvent(icon, `onPress`);
-        wrapper.update(<Emotion_1.default moodSelected={mockSelected} currentMood={mockedStateMood}/>);
+        wrapper.update(react_1.default.createElement(Emotion_1.default, { moodSelected: mockSelected, currentMood: mockedStateMood }));
         expect(utils_1.getIcon(wrapper, mood, true)).toBeNull();
         expect(utils_1.getIcon(wrapper, mood, false)).not.toBeNull();
     });