@hedia/recommendation-screen 2.1.3-beta.6 → 2.1.3-beta.7

package/src/__tests__/components/Activity.test.js

@@ -1,23 +1,18 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const types_1 = require("@hedia/types");
-const react_1 = require("@lingui/react");
-const react_2 = __importDefault(require("react"));
-const react_native_testing_library_1 = require("react-native-testing-library");
-const Activity_1 = __importDefault(require("../../components/activity/Activity"));
-const i18nUtils_1 = require("../../locale/i18nUtils");
-const enum_1 = require("../../types/enum");
-const Translations_1 = require("../../utils/Translations");
-const utils_1 = require("../utils");
-const ActivityIntensity = types_1.Activity.Enums.ActivityIntensity;
+import { Activity, Languages } from "@hedia/types";
+import { I18nProvider } from "@lingui/react";
+import React from "react";
+import { cleanup, render } from "react-native-testing-library";
+import { default as ActivityComponent } from "../../components/activity/Activity";
+import { i18n } from "../../locale/i18nUtils";
+import { ActivityTestIds } from "../../types/enum";
+import { ActivityIntensityTranslations } from "../../utils/Translations";
+import { expectTextExists, generateActivityProps, getRecommendationProps, i18nProvided, queryTextFromComponent, } from "../utils";
+const ActivityIntensity = Activity.Enums.ActivityIntensity;
 const { light, moderate, hard } = ActivityIntensity;
 describe(`Activity - Component`, () => {
-    afterEach(react_native_testing_library_1.cleanup);
+    afterEach(cleanup);
     beforeEach(() => {
-        i18nUtils_1.i18n.activate(types_1.Languages.en);
+        i18n.activate(Languages.en);
     });
     test.each `
 		activityIntensity
@@ -25,14 +20,14 @@ describe(`Activity - Component`, () => {
 		${moderate}
 		${hard}
 	`(`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}/>));
-        utils_1.expectTextExists(wrapper, `Activity`);
-        utils_1.expectTextExists(wrapper, `30`);
-        utils_1.expectTextExists(wrapper, `min`);
-        utils_1.expectTextExists(wrapper, `Based on the selected activity your insulin recommendation is reduced by:`);
-        utils_1.expectTextExists(wrapper, Translations_1.ActivityIntensityTranslations[activityIntensity]());
+        const { activityDisplayProps } = getRecommendationProps();
+        const activity = generateActivityProps();
+        const wrapper = render(i18nProvided(<ActivityComponent activity={{ ...activity, activityIntensity }} activityType={activityDisplayProps?.activityType ?? null} activityTitle={activityDisplayProps?.activityTitle ?? null} activityReduction={0}/>));
+        expectTextExists(wrapper, `Activity`);
+        expectTextExists(wrapper, `30`);
+        expectTextExists(wrapper, `min`);
+        expectTextExists(wrapper, `Based on the selected activity your insulin recommendation is reduced by:`);
+        expectTextExists(wrapper, ActivityIntensityTranslations[activityIntensity]());
     });
     test.each `
 		reduction
@@ -42,49 +37,49 @@ describe(`Activity - Component`, () => {
 		${0.5}
 		${0.8}
 	`(`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}/>));
-        utils_1.expectTextExists(wrapper, `${reduction * 100}%`);
+        const { activityDisplayProps } = getRecommendationProps();
+        const activity = generateActivityProps();
+        const wrapper = render(i18nProvided(<ActivityComponent activity={activity} activityType={activityDisplayProps?.activityType ?? null} activityReduction={reduction} activityTitle={activityDisplayProps?.activityTitle ?? null}/>));
+        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 { activityDisplayProps } = getRecommendationProps();
+        const activity = 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 text = utils_1.queryTextFromComponent(wrapper, enum_1.ActivityTestIds.ActivityReduction);
+        const wrapper = render(i18nProvided(<ActivityComponent activity={activity} activityType={activityDisplayProps?.activityType ?? null} activityReduction={reduction} activityTitle={activityDisplayProps?.activityTitle ?? null}/>));
+        const text = queryTextFromComponent(wrapper, 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}/>));
-        utils_1.expectTextExists(wrapper, activityDisplayProps?.activityTitle);
+        const { activityDisplayProps } = getRecommendationProps();
+        const activity = generateActivityProps();
+        const wrapper = render(i18nProvided(<ActivityComponent activity={{ ...activity }} activityType={activityDisplayProps?.activityType ?? null} activityTitle={activityDisplayProps?.activityTitle ?? null} activityReduction={0}/>));
+        expectTextExists(wrapper, activityDisplayProps?.activityTitle);
     });
     test.each `
 		language     | locale          | message
-		${`English`} | ${types_1.Languages.en} | ${`Activity`}
-		${`Danish`}  | ${types_1.Languages.da} | ${`Aktivitet`}
-		${`German`}  | ${types_1.Languages.de} | ${`Aktivität`}
-		${`Spanish`} | ${types_1.Languages.es} | ${`Actividad`}
-		${`Italian`} | ${types_1.Languages.it} | ${`Attività fisica`}
-		${`French`}  | ${types_1.Languages.fr} | ${`Activité`}
+		${`English`} | ${Languages.en} | ${`Activity`}
+		${`Danish`}  | ${Languages.da} | ${`Aktivitet`}
+		${`German`}  | ${Languages.de} | ${`Aktivität`}
+		${`Spanish`} | ${Languages.es} | ${`Actividad`}
+		${`Italian`} | ${Languages.it} | ${`Attività fisica`}
+		${`French`}  | ${Languages.fr} | ${`Activité`}
 	`(`Can render in $language`, ({ message, locale }) => {
-        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>);
-        utils_1.expectTextExists(wrapper, message);
+        const { activityDisplayProps } = getRecommendationProps();
+        const activity = generateActivityProps();
+        i18n.activate(locale);
+        const wrapper = render(<I18nProvider language={locale} i18n={i18n}>
+				<ActivityComponent activity={activity} activityType={activityDisplayProps?.activityType ?? null} activityTitle={activityDisplayProps?.activityTitle ?? null} activityReduction={0}/>
+			</I18nProvider>);
+        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}/>));
-        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`;
+        const { activityDisplayProps } = getRecommendationProps();
+        const activity = generateActivityProps();
+        const wrapper = render(i18nProvided(<ActivityComponent activity={{ ...activity }} activityType={null} activityTitle={activityDisplayProps?.activityTitle ?? null} activityReduction={0}/>));
+        expectTextExists(wrapper, activityDisplayProps?.activityTitle);
+        const existingLabel = `${Activity.Enums.ActivityEnum[Activity.Enums.ActivityEnum.Other]}_activity`;
+        const nonExistingLabel = `${Activity.Enums.ActivityEnum[Activity.Enums.ActivityEnum.Run]}_activity`;
         expect(wrapper.queryByA11yLabel(existingLabel)).not.toBeNull();
         expect(wrapper.queryByA11yLabel(nonExistingLabel)).toBeNull();
     });

package/src/__tests__/components/Emotion.test.js

@@ -1,24 +1,19 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const types_1 = require("@hedia/types");
-const react_1 = __importDefault(require("react"));
-const react_native_testing_library_1 = require("react-native-testing-library");
-const Emotion_1 = __importDefault(require("../../components/mood/Emotion"));
-const i18nUtils_1 = require("../../locale/i18nUtils");
-const utils_1 = require("../utils");
-const MoodEnum = types_1.Logbook.Enums.MoodEnum;
+import { Languages, Logbook } from "@hedia/types";
+import React from "react";
+import { cleanup, fireEvent, render } from "react-native-testing-library";
+import Emotion from "../../components/mood/Emotion";
+import { i18n } from "../../locale/i18nUtils";
+import { expectTextExists, getIcon, i18nProvided } from "../utils";
+const MoodEnum = Logbook.Enums.MoodEnum;
 describe(`Emotion - Component`, () => {
-    afterEach(react_native_testing_library_1.cleanup);
+    afterEach(cleanup);
     beforeEach(() => {
-        i18nUtils_1.i18n.activate(types_1.Languages.en);
+        i18n.activate(Languages.en);
     });
     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}/>));
-        utils_1.expectTextExists(wrapper, `How are you feeling?`);
+        const wrapper = render(i18nProvided(<Emotion moodSelected={mockSelected} currentMood={null}/>));
+        expectTextExists(wrapper, `How are you feeling?`);
     });
     test.each `
 		mood                  | moodName                        | preselected           | preselectedName
@@ -30,28 +25,28 @@ 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 preIcon = utils_1.getIcon(wrapper, preselectedName, true);
+        const wrapper = render(<Emotion moodSelected={mockSelected} currentMood={mockedStateMood}/>);
+        const preIcon = getIcon(wrapper, preselectedName, true);
         if (preIcon === null) {
             return fail(`No icon found for queryByA11yLabel: ${preselectedName}_${true}`);
         }
-        const newIcon = utils_1.getIcon(wrapper, moodName, false);
+        const newIcon = getIcon(wrapper, moodName, false);
         if (newIcon === null) {
             return fail(`No icon found for queryByA11yLabel: ${moodName}_${false}`);
         }
         // Select a different mood
-        react_native_testing_library_1.fireEvent(newIcon, `onPress`);
+        fireEvent(newIcon, `onPress`);
         expect(mockedStateMood).toBe(mood);
-        wrapper.update(<Emotion_1.default moodSelected={mockSelected} currentMood={mockedStateMood}/>);
+        wrapper.update(<Emotion moodSelected={mockSelected} currentMood={mockedStateMood}/>);
         const moodValues = Object.values(MoodEnum).filter((value) => typeof value === `string`);
         moodValues.forEach((value) => {
             if (moodName === value) {
-                expect(utils_1.getIcon(wrapper, value, true)).not.toBeNull();
-                expect(utils_1.getIcon(wrapper, value, false)).toBeNull();
+                expect(getIcon(wrapper, value, true)).not.toBeNull();
+                expect(getIcon(wrapper, value, false)).toBeNull();
             }
             else {
-                expect(utils_1.getIcon(wrapper, value, false)).not.toBeNull();
-                expect(utils_1.getIcon(wrapper, value, true)).toBeNull();
+                expect(getIcon(wrapper, value, false)).not.toBeNull();
+                expect(getIcon(wrapper, value, true)).toBeNull();
             }
         });
     });
@@ -59,17 +54,17 @@ 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 = render(<Emotion 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();
-        const icon = utils_1.getIcon(wrapper, mood, true);
+        expect(getIcon(wrapper, mood, true)).not.toBeNull();
+        expect(getIcon(wrapper, mood, false)).toBeNull();
+        const icon = getIcon(wrapper, mood, true);
         if (icon === null) {
             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}/>);
-        expect(utils_1.getIcon(wrapper, mood, true)).toBeNull();
-        expect(utils_1.getIcon(wrapper, mood, false)).not.toBeNull();
+        fireEvent(icon, `onPress`);
+        wrapper.update(<Emotion moodSelected={mockSelected} currentMood={mockedStateMood}/>);
+        expect(getIcon(wrapper, mood, true)).toBeNull();
+        expect(getIcon(wrapper, mood, false)).not.toBeNull();
     });
 });

package/src/__tests__/components/Header.test.js

@@ -1,41 +1,36 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
-const react_native_testing_library_1 = require("react-native-testing-library");
-const utils_1 = require("../utils");
-const react_2 = require("@lingui/react");
-const Header_1 = __importDefault(require("../../components/Header"));
-const types_1 = require("@hedia/types");
-const i18nUtils_1 = require("../../locale/i18nUtils");
-const enum_1 = require("../../types/enum");
+import React from "react";
+import { cleanup, fireEvent, render } from "react-native-testing-library";
+import { expectTextExists, getRecommendationProps } from "../utils";
+import { I18nProvider } from "@lingui/react";
+import Header from "../../components/Header";
+import { Languages } from "@hedia/types";
+import { i18n } from "../../locale/i18nUtils";
+import { HeaderTestIds } from "../../types/enum";
 describe(`Header Component`, () => {
-    afterEach(react_native_testing_library_1.cleanup);
+    afterEach(cleanup);
     test(`Exit button calls exitCallback`, () => {
-        const props = utils_1.getRecommendationProps();
-        const { getByTestId } = react_native_testing_library_1.render(<Header_1.default exitCallback={props.exitCallback}/>);
+        const props = getRecommendationProps();
+        const { getByTestId } = render(<Header exitCallback={props.exitCallback}/>);
         expect(props.exitCallback).not.toBeCalled();
-        react_native_testing_library_1.fireEvent.press(getByTestId(enum_1.HeaderTestIds.ExitCalculation));
+        fireEvent.press(getByTestId(HeaderTestIds.ExitCalculation));
         expect(props.exitCallback).toBeCalled();
     });
     test.each `
 		language     | locale          | header
-		${`English`} | ${types_1.Languages.en} | ${`INSULIN\nRECOMMENDATION`}
-		${`Danish`}  | ${types_1.Languages.da} | ${`INSULIN\nANBEFALING`}
-		${`German`}  | ${types_1.Languages.de} | ${`INSULIN\nEMPFEHLUNG`}
-		${`Spanish`} | ${types_1.Languages.es} | ${`RECOMENDACIÓN\nDE INSULINA`}
-		${`Italian`} | ${types_1.Languages.it} | ${`PRESCRIZIONE DI\nINSULINA`}
-		${`French`}  | ${types_1.Languages.fr} | ${`RECOMMANDATION\nD’INSULINE`}
+		${`English`} | ${Languages.en} | ${`INSULIN\nRECOMMENDATION`}
+		${`Danish`}  | ${Languages.da} | ${`INSULIN\nANBEFALING`}
+		${`German`}  | ${Languages.de} | ${`INSULIN\nEMPFEHLUNG`}
+		${`Spanish`} | ${Languages.es} | ${`RECOMENDACIÓN\nDE INSULINA`}
+		${`Italian`} | ${Languages.it} | ${`PRESCRIZIONE DI\nINSULINA`}
+		${`French`}  | ${Languages.fr} | ${`RECOMMANDATION\nD’INSULINE`}
 	`(`Header is translated to $language`, ({ header, locale }) => {
-        const props = utils_1.getRecommendationProps({
+        const props = getRecommendationProps({
             language: locale,
         });
-        i18nUtils_1.i18n.activate(locale);
-        const wrapper = react_native_testing_library_1.render(<react_2.I18nProvider language={locale} i18n={i18nUtils_1.i18n}>
-				<Header_1.default exitCallback={props.exitCallback}/>
-			</react_2.I18nProvider>);
-        utils_1.expectTextExists(wrapper, header);
+        i18n.activate(locale);
+        const wrapper = render(<I18nProvider language={locale} i18n={i18n}>
+				<Header exitCallback={props.exitCallback}/>
+			</I18nProvider>);
+        expectTextExists(wrapper, header);
     });
 });

package/src/__tests__/components/InfoBars.test.js

@@ -1,20 +1,15 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const types_1 = require("@hedia/types");
-const react_1 = __importDefault(require("react"));
-const react_native_testing_library_1 = require("react-native-testing-library");
-const InfoBars_1 = __importDefault(require("../../components/InfoBars"));
-const utils_1 = require("../utils");
+import { BloodGlucoseUnit, BloodKetonesUnit } from "@hedia/types";
+import React from "react";
+import { cleanup, render } from "react-native-testing-library";
+import InfoBars from "../../components/InfoBars";
+import { expectTextExists, expectTextNotExists } from "../utils";
 var DisplayedUnit;
 (function (DisplayedUnit) {
     DisplayedUnit["MG_DL"] = "mg/dL";
     DisplayedUnit["MMOL_L"] = "mmol/L";
 })(DisplayedUnit || (DisplayedUnit = {}));
 describe(`Info Bars Component`, () => {
-    afterEach(react_native_testing_library_1.cleanup);
+    afterEach(cleanup);
     test(`Active Insulin info bar shows value`, () => {
         const props = {
             label: `Active Insulin`,
@@ -22,11 +17,11 @@ describe(`Info Bars Component`, () => {
             value: `4.5`,
             showNullAsDash: true,
         };
-        const InfoBarsComponent = react_native_testing_library_1.render(<InfoBars_1.default {...props}/>);
-        utils_1.expectTextNotExists(InfoBarsComponent, `${types_1.BloodGlucoseUnit.MMOL_L}`);
-        utils_1.expectTextExists(InfoBarsComponent, props.label);
-        utils_1.expectTextExists(InfoBarsComponent, `${props.unit}`);
-        utils_1.expectTextExists(InfoBarsComponent, props.value);
+        const InfoBarsComponent = render(<InfoBars {...props}/>);
+        expectTextNotExists(InfoBarsComponent, `${BloodGlucoseUnit.MMOL_L}`);
+        expectTextExists(InfoBarsComponent, props.label);
+        expectTextExists(InfoBarsComponent, `${props.unit}`);
+        expectTextExists(InfoBarsComponent, props.value);
     });
     test(`Active Insulin info bar - showNullAsDash`, () => {
         const props = {
@@ -35,11 +30,11 @@ describe(`Info Bars Component`, () => {
             showNullAsDash: true,
             value: null,
         };
-        const InfoBarsComponent = react_native_testing_library_1.render(<InfoBars_1.default {...props}/>);
-        utils_1.expectTextNotExists(InfoBarsComponent, `${types_1.BloodGlucoseUnit.MG_DL}`);
-        utils_1.expectTextExists(InfoBarsComponent, props.label);
-        utils_1.expectTextExists(InfoBarsComponent, `${props.unit}`);
-        utils_1.expectTextExists(InfoBarsComponent, `-.-`);
+        const InfoBarsComponent = render(<InfoBars {...props}/>);
+        expectTextNotExists(InfoBarsComponent, `${BloodGlucoseUnit.MG_DL}`);
+        expectTextExists(InfoBarsComponent, props.label);
+        expectTextExists(InfoBarsComponent, `${props.unit}`);
+        expectTextExists(InfoBarsComponent, `-.-`);
     });
     test(`Active Insulin info bar - don't showNullAsDash`, () => {
         const props = {
@@ -48,80 +43,80 @@ describe(`Info Bars Component`, () => {
             value: `3.5`,
             showNullAsDash: false,
         };
-        const InfoBarsComponent = react_native_testing_library_1.render(<InfoBars_1.default {...props}/>);
-        utils_1.expectTextNotExists(InfoBarsComponent, `${types_1.BloodGlucoseUnit.MG_DL}`);
-        utils_1.expectTextExists(InfoBarsComponent, props.label);
-        utils_1.expectTextExists(InfoBarsComponent, `${props.unit}`);
-        utils_1.expectTextExists(InfoBarsComponent, props.value);
+        const InfoBarsComponent = render(<InfoBars {...props}/>);
+        expectTextNotExists(InfoBarsComponent, `${BloodGlucoseUnit.MG_DL}`);
+        expectTextExists(InfoBarsComponent, props.label);
+        expectTextExists(InfoBarsComponent, `${props.unit}`);
+        expectTextExists(InfoBarsComponent, props.value);
     });
     test(`Blood Glucose mmol/l can be displayed`, () => {
         const props = {
             label: `Blood Glucose Levels`,
-            unit: types_1.BloodGlucoseUnit.MMOL_L,
+            unit: BloodGlucoseUnit.MMOL_L,
             value: `4.5`,
             showNullAsDash: true,
         };
-        const InfoBarsComponent = react_native_testing_library_1.render(<InfoBars_1.default {...props}/>);
-        utils_1.expectTextNotExists(InfoBarsComponent, `${types_1.BloodGlucoseUnit.MG_DL}`);
-        utils_1.expectTextNotExists(InfoBarsComponent, `${types_1.BloodGlucoseUnit.MMOL_L}`);
-        utils_1.expectTextExists(InfoBarsComponent, props.label);
-        utils_1.expectTextExists(InfoBarsComponent, DisplayedUnit.MMOL_L);
-        utils_1.expectTextExists(InfoBarsComponent, props.value);
+        const InfoBarsComponent = render(<InfoBars {...props}/>);
+        expectTextNotExists(InfoBarsComponent, `${BloodGlucoseUnit.MG_DL}`);
+        expectTextNotExists(InfoBarsComponent, `${BloodGlucoseUnit.MMOL_L}`);
+        expectTextExists(InfoBarsComponent, props.label);
+        expectTextExists(InfoBarsComponent, DisplayedUnit.MMOL_L);
+        expectTextExists(InfoBarsComponent, props.value);
     });
     test(`Blood Glucose mg/dl can be displayed`, () => {
         const props = {
             label: `Blood Glucose Levels`,
-            unit: types_1.BloodGlucoseUnit.MG_DL,
+            unit: BloodGlucoseUnit.MG_DL,
             value: `135`,
             showNullAsDash: true,
         };
-        const InfoBarsComponent = react_native_testing_library_1.render(<InfoBars_1.default {...props}/>);
-        utils_1.expectTextNotExists(InfoBarsComponent, `${types_1.BloodGlucoseUnit.MMOL_L}`);
-        utils_1.expectTextNotExists(InfoBarsComponent, `${types_1.BloodGlucoseUnit.MG_DL}`);
-        utils_1.expectTextExists(InfoBarsComponent, props.label);
-        utils_1.expectTextExists(InfoBarsComponent, DisplayedUnit.MG_DL);
-        utils_1.expectTextExists(InfoBarsComponent, props.value);
+        const InfoBarsComponent = render(<InfoBars {...props}/>);
+        expectTextNotExists(InfoBarsComponent, `${BloodGlucoseUnit.MMOL_L}`);
+        expectTextNotExists(InfoBarsComponent, `${BloodGlucoseUnit.MG_DL}`);
+        expectTextExists(InfoBarsComponent, props.label);
+        expectTextExists(InfoBarsComponent, DisplayedUnit.MG_DL);
+        expectTextExists(InfoBarsComponent, props.value);
     });
     test(`Blood Ketones mmol/l can be displayed`, () => {
         const props = {
             label: `Blood Ketone Level`,
-            unit: types_1.BloodKetonesUnit.MMOL_L,
+            unit: BloodKetonesUnit.MMOL_L,
             value: `2.2`,
             showNullAsDash: true,
         };
-        const InfoBarsComponent = react_native_testing_library_1.render(<InfoBars_1.default {...props}/>);
-        utils_1.expectTextNotExists(InfoBarsComponent, `${types_1.BloodKetonesUnit.MG_DL}`);
-        utils_1.expectTextNotExists(InfoBarsComponent, `${types_1.BloodKetonesUnit.MMOL_L}`);
-        utils_1.expectTextExists(InfoBarsComponent, props.label);
-        utils_1.expectTextExists(InfoBarsComponent, DisplayedUnit.MMOL_L);
-        utils_1.expectTextExists(InfoBarsComponent, props.value);
+        const InfoBarsComponent = render(<InfoBars {...props}/>);
+        expectTextNotExists(InfoBarsComponent, `${BloodKetonesUnit.MG_DL}`);
+        expectTextNotExists(InfoBarsComponent, `${BloodKetonesUnit.MMOL_L}`);
+        expectTextExists(InfoBarsComponent, props.label);
+        expectTextExists(InfoBarsComponent, DisplayedUnit.MMOL_L);
+        expectTextExists(InfoBarsComponent, props.value);
     });
     test(`Blood Ketones mg/dl can be displayed`, () => {
         const props = {
             label: `Blood Ketone Level`,
-            unit: types_1.BloodKetonesUnit.MG_DL,
+            unit: BloodKetonesUnit.MG_DL,
             value: `10`,
             showNullAsDash: true,
         };
-        const InfoBarsComponent = react_native_testing_library_1.render(<InfoBars_1.default {...props}/>);
-        utils_1.expectTextNotExists(InfoBarsComponent, `${types_1.BloodKetonesUnit.MMOL_L}`);
-        utils_1.expectTextNotExists(InfoBarsComponent, `${types_1.BloodKetonesUnit.MG_DL}`);
-        utils_1.expectTextExists(InfoBarsComponent, props.label);
-        utils_1.expectTextExists(InfoBarsComponent, DisplayedUnit.MG_DL);
-        utils_1.expectTextExists(InfoBarsComponent, props.value);
+        const InfoBarsComponent = render(<InfoBars {...props}/>);
+        expectTextNotExists(InfoBarsComponent, `${BloodKetonesUnit.MMOL_L}`);
+        expectTextNotExists(InfoBarsComponent, `${BloodKetonesUnit.MG_DL}`);
+        expectTextExists(InfoBarsComponent, props.label);
+        expectTextExists(InfoBarsComponent, DisplayedUnit.MG_DL);
+        expectTextExists(InfoBarsComponent, props.value);
     });
     test.each `
 		value   | showNullAsDash | unit                       | expected
 		${null} | ${false}       | ${`units`}                 | ${`0`}
-		${null} | ${false}       | ${types_1.BloodGlucoseUnit.MG_DL}  | ${`0`}
-		${null} | ${false}       | ${types_1.BloodGlucoseUnit.MG_DL}  | ${`0`}
-		${null} | ${false}       | ${types_1.BloodKetonesUnit.MG_DL}  | ${`0`}
-		${null} | ${false}       | ${types_1.BloodKetonesUnit.MMOL_L} | ${`0`}
+		${null} | ${false}       | ${BloodGlucoseUnit.MG_DL}  | ${`0`}
+		${null} | ${false}       | ${BloodGlucoseUnit.MG_DL}  | ${`0`}
+		${null} | ${false}       | ${BloodKetonesUnit.MG_DL}  | ${`0`}
+		${null} | ${false}       | ${BloodKetonesUnit.MMOL_L} | ${`0`}
 		${null} | ${true}        | ${`units`}                 | ${`-.-`}
-		${null} | ${true}        | ${types_1.BloodGlucoseUnit.MG_DL}  | ${`-`}
-		${null} | ${true}        | ${types_1.BloodGlucoseUnit.MMOL_L} | ${`-.-`}
-		${null} | ${true}        | ${types_1.BloodKetonesUnit.MG_DL}  | ${`-`}
-		${null} | ${true}        | ${types_1.BloodKetonesUnit.MMOL_L} | ${`-.-`}
+		${null} | ${true}        | ${BloodGlucoseUnit.MG_DL}  | ${`-`}
+		${null} | ${true}        | ${BloodGlucoseUnit.MMOL_L} | ${`-.-`}
+		${null} | ${true}        | ${BloodKetonesUnit.MG_DL}  | ${`-`}
+		${null} | ${true}        | ${BloodKetonesUnit.MMOL_L} | ${`-.-`}
 	`(`$value will be displayed as $expected when showNullAsDash === $showNullAsDash`, ({ expected, showNullAsDash, unit, value }) => {
         const props = {
             label: `Blood Glucose Levels`,
@@ -129,7 +124,7 @@ describe(`Info Bars Component`, () => {
             value,
             showNullAsDash,
         };
-        const InfoBarsComponent = react_native_testing_library_1.render(<InfoBars_1.default {...props}/>);
-        utils_1.expectTextExists(InfoBarsComponent, expected);
+        const InfoBarsComponent = render(<InfoBars {...props}/>);
+        expectTextExists(InfoBarsComponent, expected);
     });
 });