@hedia/recommendation-screen 1.8.2 → 2.0.2

package/src/__tests__/components/RecommendationModal.test.jsx

@@ -3,6 +3,7 @@ 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");
@@ -14,38 +15,38 @@ const utils_1 = require("../utils");
 describe(`RecommendationModal Component`, () => {
     afterEach(react_native_testing_library_1.cleanup);
     beforeEach(() => {
-        i18nUtils_1.i18n.activate(enum_1.Language.en);
+        i18nUtils_1.i18n.activate(types_1.Languages.en);
     });
-    test(`start display with the second page `, () => {
+    test(`start display with the second page`, () => {
         const acceptMock = jest.fn();
         const declineMock = jest.fn();
         const onClickOkMock = jest.fn();
-        const wrapper = react_native_testing_library_1.render(<RecommendationModal_1.default isVisible={true} attentionMessage={undefined} limitationMessage={undefined} suggestedCarbohydrates={2} onClickOkButton={onClickOkMock} onAcceptCarbohydrates={acceptMock} onDeclineCarbohydrates={declineMock}/>);
+        const wrapper = react_native_testing_library_1.render(<RecommendationModal_1.default isVisible={true} attentionMessage={null} limitationMessage={null} suggestedCarbohydrates={2} onClickOkButton={onClickOkMock} onAcceptCarbohydrates={acceptMock} onDeclineCarbohydrates={declineMock}/>);
         utils_1.expectTextExists(wrapper, `We recommend eating an additional:`);
         utils_1.expectTextExists(wrapper, `2 `);
         utils_1.expectTextExists(wrapper, `grams of carbohydrates`);
         utils_1.expectTextExists(wrapper, `Instead of taking insulin`);
     });
-    test(`accept carbs from second page  `, () => {
+    test(`accept carbs from second page`, () => {
         const acceptMock = jest.fn();
         const declineMock = jest.fn();
         const onClickOkMock = jest.fn();
-        const wrapper = react_native_testing_library_1.render(<RecommendationModal_1.default isVisible={true} attentionMessage={undefined} limitationMessage={undefined} suggestedCarbohydrates={5} onClickOkButton={onClickOkMock} onAcceptCarbohydrates={acceptMock} onDeclineCarbohydrates={declineMock}/>);
+        const wrapper = react_native_testing_library_1.render(<RecommendationModal_1.default isVisible={true} attentionMessage={null} limitationMessage={null} suggestedCarbohydrates={5} onClickOkButton={onClickOkMock} onAcceptCarbohydrates={acceptMock} onDeclineCarbohydrates={declineMock}/>);
         utils_1.expectTextExists(wrapper, `We recommend eating an additional:`);
         utils_1.expectTextExists(wrapper, `5 `);
         utils_1.expectTextExists(wrapper, `grams of carbohydrates`);
-        const yesButtonModal = wrapper.queryByA11yLabel(`yesButtonModal`);
+        const yesButtonModal = wrapper.getByTestId(enum_1.RecommendationModalTestIds.AcceptCarbs);
         react_native_testing_library_1.fireEvent(yesButtonModal, `onPress`);
         expect(acceptMock).toBeCalled();
     });
-    test(`decline carbs from second page  `, () => {
+    test(`decline carbs from second page`, () => {
         const acceptMock = jest.fn();
         const declineMock = jest.fn();
         const onClickOkMock = jest.fn();
-        const wrapper = react_native_testing_library_1.render(<RecommendationModal_1.default isVisible={true} attentionMessage={undefined} limitationMessage={undefined} suggestedCarbohydrates={5} onClickOkButton={onClickOkMock} onAcceptCarbohydrates={acceptMock} onDeclineCarbohydrates={declineMock}/>);
+        const wrapper = react_native_testing_library_1.render(<RecommendationModal_1.default isVisible={true} attentionMessage={null} limitationMessage={null} suggestedCarbohydrates={5} onClickOkButton={onClickOkMock} onAcceptCarbohydrates={acceptMock} onDeclineCarbohydrates={declineMock}/>);
         utils_1.expectTextExists(wrapper, `We recommend eating an additional:`);
         utils_1.expectTextExists(wrapper, `grams of carbohydrates`);
-        const noButtonModal = wrapper.queryByA11yLabel(`noButtonModal`);
+        const noButtonModal = wrapper.getByTestId(enum_1.RecommendationModalTestIds.DeclineCarbs);
         react_native_testing_library_1.fireEvent(noButtonModal, `onPress`);
         expect(declineMock).toBeCalled();
     });
@@ -58,12 +59,12 @@ describe(`RecommendationModal Component`, () => {
         const wrapper = react_native_testing_library_1.render(<RecommendationModal_1.default isVisible={true} attentionMessage={attention} limitationMessage={limitation} suggestedCarbohydrates={0} onClickOkButton={onClickOkMock} onAcceptCarbohydrates={acceptMock} onDeclineCarbohydrates={declineMock}/>);
         utils_1.expectTextExists(wrapper, limitation);
         utils_1.expectTextExists(wrapper, `OK`);
-        const nextButton = wrapper.queryByA11yLabel(`nextButtonModal`);
+        const nextButton = wrapper.getByTestId(enum_1.LimitationMessageTestIds.OkButton);
         react_native_testing_library_1.fireEvent(nextButton, `onPress`);
         utils_1.expectTextExists(wrapper, attention);
         utils_1.expectTextExists(wrapper, `OK`);
         utils_1.expectTextNotExists(wrapper, `We recommend eating an additional:`);
-        const okayButton = wrapper.queryByA11yLabel(`okayButtonModal`);
+        const okayButton = wrapper.getByTestId(enum_1.RecommendationModalTestIds.OkButton);
         react_native_testing_library_1.fireEvent(okayButton, `onPress`);
         expect(onClickOkMock).toBeCalled();
     });
@@ -72,28 +73,28 @@ describe(`RecommendationModal Component`, () => {
         const declineMock = jest.fn();
         const onClickOkMock = jest.fn();
         const limitation = AttentionMessages_1.Messages.RecommendationWasLimited();
-        const wrapper = react_native_testing_library_1.render(<RecommendationModal_1.default isVisible={true} attentionMessage={undefined} limitationMessage={limitation} suggestedCarbohydrates={0} onClickOkButton={onClickOkMock} onAcceptCarbohydrates={acceptMock} onDeclineCarbohydrates={declineMock}/>);
+        const wrapper = react_native_testing_library_1.render(<RecommendationModal_1.default isVisible={true} attentionMessage={null} limitationMessage={limitation} suggestedCarbohydrates={0} onClickOkButton={onClickOkMock} onAcceptCarbohydrates={acceptMock} onDeclineCarbohydrates={declineMock}/>);
         utils_1.expectTextExists(wrapper, limitation);
         utils_1.expectTextExists(wrapper, `OK`);
-        const nextButton = wrapper.queryByA11yLabel(`nextButtonModal`);
+        const nextButton = wrapper.getByTestId(enum_1.LimitationMessageTestIds.OkButton);
         react_native_testing_library_1.fireEvent(nextButton, `onPress`);
         expect(onClickOkMock).toBeCalled();
     });
     test.each `
-		language     | locale         | message
-		${`English`} | ${enum_1.Language.en} | ${`We recommend eating an additional:`}
-		${`Danish`}  | ${enum_1.Language.da} | ${`Vi anbefaler at spise yderligere:`}
-		${`German`}  | ${enum_1.Language.de} | ${`Wir empfehlen Ihnen, zusätzlich Folgendes zu essen:`}
-		${`Spanish`} | ${enum_1.Language.es} | ${`Recomendamos comer adicionalmente:`}
-		${`Italian`} | ${enum_1.Language.it} | ${`Consigliamo di ingerire una quantità supplementare:`}
-		${`French`}  | ${enum_1.Language.fr} | ${`Nous vous recommandons de manger en plus :`}
+		language     | locale          | message
+		${`English`} | ${types_1.Languages.en} | ${`We recommend eating an additional:`}
+		${`Danish`}  | ${types_1.Languages.da} | ${`Vi anbefaler at spise yderligere:`}
+		${`German`}  | ${types_1.Languages.de} | ${`Wir empfehlen Ihnen, zusätzlich Folgendes zu essen:`}
+		${`Spanish`} | ${types_1.Languages.es} | ${`Recomendamos comer adicionalmente:`}
+		${`Italian`} | ${types_1.Languages.it} | ${`Consigliamo di ingerire una quantità supplementare:`}
+		${`French`}  | ${types_1.Languages.fr} | ${`Nous vous recommandons de manger en plus :`}
 	`(`Modal renders attention messages in $language`, ({ message, locale }) => {
         i18nUtils_1.i18n.activate(locale);
         const acceptMock = jest.fn();
         const declineMock = jest.fn();
         const onClickOkMock = jest.fn();
         const wrapper = react_native_testing_library_1.render(<react_1.I18nProvider language={locale} i18n={i18nUtils_1.i18n}>
-					<RecommendationModal_1.default isVisible={true} attentionMessage={undefined} limitationMessage={undefined} suggestedCarbohydrates={2} onClickOkButton={onClickOkMock} onAcceptCarbohydrates={acceptMock} onDeclineCarbohydrates={declineMock}/>
+					<RecommendationModal_1.default isVisible={true} attentionMessage={null} limitationMessage={null} suggestedCarbohydrates={2} onClickOkButton={onClickOkMock} onAcceptCarbohydrates={acceptMock} onDeclineCarbohydrates={declineMock}/>
 					,
 				</react_1.I18nProvider>);
         utils_1.expectTextExists(wrapper, message);

package/src/__tests__/components/RecommendationModal.test.tsx

@@ -1,27 +1,28 @@
+import { Languages } from "@hedia/types";
 import { I18nProvider } from "@lingui/react";
 import React from "react";
 import { cleanup, fireEvent, render } from "react-native-testing-library";
 import RecommendationModal from "../../components/RecommendationModal";
 import { i18n } from "../../locale/i18nUtils";
-import { Language } from "../../types/enum";
+import { LimitationMessageTestIds, RecommendationModalTestIds } from "../../types/enum";
 import { Messages } from "../../utils/AttentionMessages";
 import { expectTextExists, expectTextNotExists } from "../utils";
 
 describe(`RecommendationModal Component`, (): void => {
 	afterEach(cleanup);
 	beforeEach((): void => {
-		i18n.activate(Language.en);
+		i18n.activate(Languages.en);
 	});
 
-	test(`start display with the second page `, (): void => {
+	test(`start display with the second page`, (): void => {
 		const acceptMock = jest.fn();
 		const declineMock = jest.fn();
 		const onClickOkMock = jest.fn();
 		const wrapper = render(
 			<RecommendationModal
 				isVisible={true}
-				attentionMessage={undefined}
-				limitationMessage={undefined}
+				attentionMessage={null}
+				limitationMessage={null}
 				suggestedCarbohydrates={2}
 				onClickOkButton={onClickOkMock}
 				onAcceptCarbohydrates={acceptMock}
@@ -33,15 +34,16 @@ describe(`RecommendationModal Component`, (): void => {
 		expectTextExists(wrapper, `grams of carbohydrates`);
 		expectTextExists(wrapper, `Instead of taking insulin`);
 	});
-	test(`accept carbs from second page  `, (): void => {
+
+	test(`accept carbs from second page`, (): void => {
 		const acceptMock = jest.fn();
 		const declineMock = jest.fn();
 		const onClickOkMock = jest.fn();
 		const wrapper = render(
 			<RecommendationModal
 				isVisible={true}
-				attentionMessage={undefined}
-				limitationMessage={undefined}
+				attentionMessage={null}
+				limitationMessage={null}
 				suggestedCarbohydrates={5}
 				onClickOkButton={onClickOkMock}
 				onAcceptCarbohydrates={acceptMock}
@@ -51,20 +53,20 @@ describe(`RecommendationModal Component`, (): void => {
 		expectTextExists(wrapper, `We recommend eating an additional:`);
 		expectTextExists(wrapper, `5 `);
 		expectTextExists(wrapper, `grams of carbohydrates`);
-		const yesButtonModal = wrapper.queryByA11yLabel(`yesButtonModal`);
+		const yesButtonModal = wrapper.getByTestId(RecommendationModalTestIds.AcceptCarbs);
 		fireEvent(yesButtonModal, `onPress`);
 		expect(acceptMock).toBeCalled();
 	});
 
-	test(`decline carbs from second page  `, (): void => {
+	test(`decline carbs from second page`, (): void => {
 		const acceptMock = jest.fn();
 		const declineMock = jest.fn();
 		const onClickOkMock = jest.fn();
 		const wrapper = render(
 			<RecommendationModal
 				isVisible={true}
-				attentionMessage={undefined}
-				limitationMessage={undefined}
+				attentionMessage={null}
+				limitationMessage={null}
 				suggestedCarbohydrates={5}
 				onClickOkButton={onClickOkMock}
 				onAcceptCarbohydrates={acceptMock}
@@ -73,7 +75,7 @@ describe(`RecommendationModal Component`, (): void => {
 		);
 		expectTextExists(wrapper, `We recommend eating an additional:`);
 		expectTextExists(wrapper, `grams of carbohydrates`);
-		const noButtonModal = wrapper.queryByA11yLabel(`noButtonModal`);
+		const noButtonModal = wrapper.getByTestId(RecommendationModalTestIds.DeclineCarbs);
 		fireEvent(noButtonModal, `onPress`);
 		expect(declineMock).toBeCalled();
 	});
@@ -98,12 +100,12 @@ describe(`RecommendationModal Component`, (): void => {
 		);
 		expectTextExists(wrapper, limitation);
 		expectTextExists(wrapper, `OK`);
-		const nextButton = wrapper.queryByA11yLabel(`nextButtonModal`);
+		const nextButton = wrapper.getByTestId(LimitationMessageTestIds.OkButton);
 		fireEvent(nextButton, `onPress`);
 		expectTextExists(wrapper, attention);
 		expectTextExists(wrapper, `OK`);
 		expectTextNotExists(wrapper, `We recommend eating an additional:`);
-		const okayButton = wrapper.queryByA11yLabel(`okayButtonModal`);
+		const okayButton = wrapper.getByTestId(RecommendationModalTestIds.OkButton);
 		fireEvent(okayButton, `onPress`);
 		expect(onClickOkMock).toBeCalled();
 	});
@@ -116,7 +118,7 @@ describe(`RecommendationModal Component`, (): void => {
 		const wrapper = render(
 			<RecommendationModal
 				isVisible={true}
-				attentionMessage={undefined}
+				attentionMessage={null}
 				limitationMessage={limitation}
 				suggestedCarbohydrates={0}
 				onClickOkButton={onClickOkMock}
@@ -126,22 +128,22 @@ describe(`RecommendationModal Component`, (): void => {
 		);
 		expectTextExists(wrapper, limitation);
 		expectTextExists(wrapper, `OK`);
-		const nextButton = wrapper.queryByA11yLabel(`nextButtonModal`);
+		const nextButton = wrapper.getByTestId(LimitationMessageTestIds.OkButton);
 		fireEvent(nextButton, `onPress`);
 		expect(onClickOkMock).toBeCalled();
 	});
 
 	test.each`
-		language     | locale         | message
-		${`English`} | ${Language.en} | ${`We recommend eating an additional:`}
-		${`Danish`}  | ${Language.da} | ${`Vi anbefaler at spise yderligere:`}
-		${`German`}  | ${Language.de} | ${`Wir empfehlen Ihnen, zusätzlich Folgendes zu essen:`}
-		${`Spanish`} | ${Language.es} | ${`Recomendamos comer adicionalmente:`}
-		${`Italian`} | ${Language.it} | ${`Consigliamo di ingerire una quantità supplementare:`}
-		${`French`}  | ${Language.fr} | ${`Nous vous recommandons de manger en plus :`}
+		language     | locale          | message
+		${`English`} | ${Languages.en} | ${`We recommend eating an additional:`}
+		${`Danish`}  | ${Languages.da} | ${`Vi anbefaler at spise yderligere:`}
+		${`German`}  | ${Languages.de} | ${`Wir empfehlen Ihnen, zusätzlich Folgendes zu essen:`}
+		${`Spanish`} | ${Languages.es} | ${`Recomendamos comer adicionalmente:`}
+		${`Italian`} | ${Languages.it} | ${`Consigliamo di ingerire una quantità supplementare:`}
+		${`French`}  | ${Languages.fr} | ${`Nous vous recommandons de manger en plus :`}
 	`(
 		`Modal renders attention messages in $language`,
-		({ message, locale }: { locale: Language; message: string }): void => {
+		({ message, locale }: { locale: Languages; message: string }): void => {
 			i18n.activate(locale);
 			const acceptMock = jest.fn();
 			const declineMock = jest.fn();
@@ -150,8 +152,8 @@ describe(`RecommendationModal Component`, (): void => {
 				<I18nProvider language={locale} i18n={i18n}>
 					<RecommendationModal
 						isVisible={true}
-						attentionMessage={undefined}
-						limitationMessage={undefined}
+						attentionMessage={null}
+						limitationMessage={null}
 						suggestedCarbohydrates={2}
 						onClickOkButton={onClickOkMock}
 						onAcceptCarbohydrates={acceptMock}

package/src/__tests__/components/RecommendedCarbs.test.jsx

@@ -7,6 +7,7 @@ const react_1 = __importDefault(require("react"));
 const react_native_testing_library_1 = require("react-native-testing-library");
 const InvisibleNumberInput_1 = __importDefault(require("../../components/InvisibleNumberInput"));
 const RecommendedCarbs_1 = __importDefault(require("../../components/RecommendedCarbs"));
+const enum_1 = require("../../types/enum");
 const utils_1 = require("../utils");
 describe(`Calculation Component`, () => {
     afterEach(react_native_testing_library_1.cleanup);
@@ -20,8 +21,7 @@ describe(`Calculation Component`, () => {
         utils_1.expectTextExists(wrapper, `10`);
         utils_1.expectTextExists(wrapper, `25`);
         utils_1.expectTextExists(wrapper, `35`);
-        const invisInput = wrapper.UNSAFE_getByType(InvisibleNumberInput_1.default);
-        expect(invisInput).not.toBeNull();
+        const invisInput = wrapper.getByTestId(enum_1.RecommendedCarbsTestIds.InvisibleCarbInput);
         react_native_testing_library_1.fireEvent(invisInput, `onEnd`, newValue);
         expect(changeMock).toBeCalledWith(newValue);
         wrapper.rerender(<RecommendedCarbs_1.default enteredCarbs={`10`} recommendedCarbs={`${newValue}`} changedRecommendedCarbs={changeMock} removeRecommendedCarbs={removeMock}/>);
@@ -68,7 +68,7 @@ describe(`Calculation Component`, () => {
         utils_1.expectTextExists(wrapper, `Food`);
         utils_1.expectTextExists(wrapper, `Additional`);
         expect(wrapper.getAllByText(`12`).length).toBe(2);
-        const carbButton = wrapper.queryByA11yLabel(`editRecommendedCarbsButton`);
+        const carbButton = wrapper.getByTestId(enum_1.RecommendedCarbsTestIds.EditRecommendedCarbs);
         react_native_testing_library_1.fireEvent(carbButton, `onPress`);
         expect(wrapper.getAllByText(`12`).length).toBe(2);
     });
@@ -78,11 +78,9 @@ describe(`Calculation Component`, () => {
         const wrapper = react_native_testing_library_1.render(<RecommendedCarbs_1.default enteredCarbs={`0`} changedRecommendedCarbs={changeMock} removeRecommendedCarbs={removeMock} recommendedCarbs={`12`}/>);
         utils_1.expectTextExists(wrapper, `Food`);
         utils_1.expectTextExists(wrapper, `Additional`);
-        const carbButton = wrapper.queryByA11yLabel(`editRecommendedCarbsButton`);
-        expect(carbButton).not.toBeNull();
+        const carbButton = wrapper.getByTestId(enum_1.RecommendedCarbsTestIds.EditRecommendedCarbs);
         react_native_testing_library_1.fireEvent(carbButton, `onPress`);
-        const invisInput = wrapper.queryByA11yLabel(`InvisibleNumberInput`);
-        expect(invisInput).not.toBeNull();
+        const invisInput = wrapper.getByTestId(enum_1.RecommendedCarbsTestIds.InvisibleCarbInput);
         react_native_testing_library_1.fireEvent(invisInput, `onEndEditing`);
         expect(changeMock).toBeCalledWith(Number(`12`));
     });
@@ -92,7 +90,7 @@ describe(`Calculation Component`, () => {
         const wrapper = react_native_testing_library_1.render(<RecommendedCarbs_1.default enteredCarbs={`0`} changedRecommendedCarbs={changeMock} removeRecommendedCarbs={removeMock} recommendedCarbs={`-12`}/>);
         utils_1.expectTextExists(wrapper, `Food`);
         utils_1.expectTextNotExists(wrapper, `Additional`);
-        const carbButton = wrapper.queryByA11yLabel(`editRecommendedCarbsButton`);
+        const carbButton = wrapper.queryByTestId(enum_1.RecommendedCarbsTestIds.EditRecommendedCarbs);
         expect(carbButton).toBeNull();
     });
     test(`Negative carbs doesn't invoke changedRecommendedCarbs callback`, () => {
@@ -109,8 +107,7 @@ describe(`Calculation Component`, () => {
         const changeMock = jest.fn();
         const wrapper = react_native_testing_library_1.render(<RecommendedCarbs_1.default enteredCarbs={`0`} recommendedCarbs={`25`} changedRecommendedCarbs={changeMock} removeRecommendedCarbs={removeMock}/>);
         expect(wrapper.getAllByText(`25`).length).toBe(2);
-        const invisInput = wrapper.UNSAFE_getByType(InvisibleNumberInput_1.default);
-        expect(invisInput).not.toBeNull();
+        const invisInput = wrapper.getByTestId(enum_1.RecommendedCarbsTestIds.InvisibleCarbInput);
         react_native_testing_library_1.fireEvent(invisInput, `onEnd`, 302);
         expect(wrapper.getAllByText(`25`).length).toBe(2);
         utils_1.expectTextNotExists(wrapper, `302`);

package/src/__tests__/components/RecommendedCarbs.test.tsx

@@ -3,6 +3,7 @@ import { cleanup, fireEvent, render } from "react-native-testing-library";
 
 import InvisibleNumberInput from "../../components/InvisibleNumberInput";
 import RecommendedCarbs from "../../components/RecommendedCarbs";
+import { RecommendedCarbsTestIds } from "../../types/enum";
 import { expectTextExists, expectTextNotExists } from "../utils";
 
 describe(`Calculation Component`, (): void => {
@@ -26,8 +27,8 @@ describe(`Calculation Component`, (): void => {
 		expectTextExists(wrapper, `25`);
 		expectTextExists(wrapper, `35`);
 
-		const invisInput = wrapper.UNSAFE_getByType(InvisibleNumberInput);
-		expect(invisInput).not.toBeNull();
+		const invisInput = wrapper.getByTestId(RecommendedCarbsTestIds.InvisibleCarbInput);
+
 		fireEvent(invisInput, `onEnd`, newValue);
 		expect(changeMock).toBeCalledWith(newValue);
 
@@ -122,7 +123,7 @@ describe(`Calculation Component`, (): void => {
 		expectTextExists(wrapper, `Additional`);
 		expect(wrapper.getAllByText(`12`).length).toBe(2);
 
-		const carbButton = wrapper.queryByA11yLabel(`editRecommendedCarbsButton`);
+		const carbButton = wrapper.getByTestId(RecommendedCarbsTestIds.EditRecommendedCarbs);
 		fireEvent(carbButton, `onPress`);
 
 		expect(wrapper.getAllByText(`12`).length).toBe(2);
@@ -142,12 +143,11 @@ describe(`Calculation Component`, (): void => {
 		expectTextExists(wrapper, `Food`);
 		expectTextExists(wrapper, `Additional`);
 
-		const carbButton = wrapper.queryByA11yLabel(`editRecommendedCarbsButton`);
-		expect(carbButton).not.toBeNull();
+		const carbButton = wrapper.getByTestId(RecommendedCarbsTestIds.EditRecommendedCarbs);
+
 		fireEvent(carbButton, `onPress`);
 
-		const invisInput = wrapper.queryByA11yLabel(`InvisibleNumberInput`);
-		expect(invisInput).not.toBeNull();
+		const invisInput = wrapper.getByTestId(RecommendedCarbsTestIds.InvisibleCarbInput);
 
 		fireEvent(invisInput, `onEndEditing`);
 		expect(changeMock).toBeCalledWith(Number(`12`));
@@ -167,7 +167,7 @@ describe(`Calculation Component`, (): void => {
 		expectTextExists(wrapper, `Food`);
 		expectTextNotExists(wrapper, `Additional`);
 
-		const carbButton = wrapper.queryByA11yLabel(`editRecommendedCarbsButton`);
+		const carbButton = wrapper.queryByTestId(RecommendedCarbsTestIds.EditRecommendedCarbs);
 		expect(carbButton).toBeNull();
 	});
 
@@ -204,8 +204,7 @@ describe(`Calculation Component`, (): void => {
 		);
 		expect(wrapper.getAllByText(`25`).length).toBe(2);
 
-		const invisInput = wrapper.UNSAFE_getByType(InvisibleNumberInput);
-		expect(invisInput).not.toBeNull();
+		const invisInput = wrapper.getByTestId(RecommendedCarbsTestIds.InvisibleCarbInput);
 
 		fireEvent(invisInput, `onEnd`, 302);
 		expect(wrapper.getAllByText(`25`).length).toBe(2);

package/src/__tests__/components/RecommendedInsulin.test.jsx

@@ -3,57 +3,64 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const recommendation_calculator_1 = require("@hedia/recommendation-calculator");
+const types_1 = require("@hedia/types");
 const react_1 = __importDefault(require("react"));
 const react_native_1 = require("react-native");
 const react_native_testing_library_1 = require("react-native-testing-library");
-const InvisibleNumberInput_1 = __importDefault(require("../../components/InvisibleNumberInput"));
 const RecommendedInsulin_1 = __importDefault(require("../../components/RecommendedInsulin"));
 const enum_1 = require("../../types/enum");
 const utils_1 = require("../utils");
+const SAFETY_INSULIN_LIMIT = types_1.BolusCalculator.Constants.SAFETY_INSULIN_LIMIT;
+const InjectionMethod = types_1.UserSettings.Enums.InjectionMethod;
+const { PenHalf, PenWhole, Pump } = InjectionMethod;
 describe(`RecommendedInsulin - Component`, () => {
     afterEach(react_native_testing_library_1.cleanup);
     test(`Component is rendered`, () => {
         const updateMock = jest.fn();
-        const method = enum_1.InjectionMethod.Pump;
-        const wrapper = react_native_testing_library_1.render(<RecommendedInsulin_1.default insulinRecommendation={2.3} updateRecommendedInsulin={updateMock} injectionMethod={method}/>);
+        const method = Pump;
+        const wrapper = react_native_testing_library_1.render(<RecommendedInsulin_1.default insulinRecommendation={2.3} updateRecommendedInsulin={updateMock} injectionMethod={method} activityReduction={null} enteredInsulin={null}/>);
         utils_1.expectTextExists(wrapper, `Recommended amount of insulin`);
         utils_1.expectTextExists(wrapper, `2.3`);
         utils_1.expectTextExists(wrapper, `Units`);
     });
     test(`Insulin props defaults to 0`, () => {
         const updateMock = jest.fn();
-        const method = enum_1.InjectionMethod.PenHalf;
+        const method = PenHalf;
+        // @ts-ignore
         const wrapper = react_native_testing_library_1.render(<RecommendedInsulin_1.default updateRecommendedInsulin={updateMock} injectionMethod={method}/>);
         utils_1.expectTextExists(wrapper, `Recommended amount of insulin`);
         utils_1.expectTextExists(wrapper, `0`);
         utils_1.expectTextExists(wrapper, `Units`);
     });
     test.each `
-		method                      | amount   | result
-		${enum_1.InjectionMethod.PenWhole} | ${1}     | ${1}
-		${enum_1.InjectionMethod.PenWhole} | ${1.49}  | ${1}
-		${enum_1.InjectionMethod.PenWhole} | ${1.5}   | ${2}
-		${enum_1.InjectionMethod.PenHalf}  | ${1.24}  | ${1}
-		${enum_1.InjectionMethod.PenHalf}  | ${1.25}  | ${1.5}
-		${enum_1.InjectionMethod.PenHalf}  | ${1.74}  | ${1.5}
-		${enum_1.InjectionMethod.Pump}     | ${1.14}  | ${1.1}
-		${enum_1.InjectionMethod.Pump}     | ${1.15}  | ${1.2}
-		${enum_1.InjectionMethod.Pump}     | ${12.35} | ${12.4}
-	`(`Rounding $amount using $method to $result`, ({ amount, method, result }) => {
+		method      | amount   | result
+		${PenWhole} | ${1}     | ${1}
+		${PenWhole} | ${1.49}  | ${1}
+		${PenWhole} | ${1.5}   | ${2}
+		${PenHalf}  | ${1.24}  | ${1}
+		${PenHalf}  | ${1.25}  | ${1.5}
+		${PenHalf}  | ${1.74}  | ${1.5}
+		${Pump}     | ${1.14}  | ${1.1}
+		${Pump}     | ${1.15}  | ${1.2}
+		${Pump}     | ${12.35} | ${12.4}
+	`(`Rounding $amount using $method to $result`, ({ amount, method, result, }) => {
         const updateMock = jest.fn();
-        const wrapper = react_native_testing_library_1.render(<RecommendedInsulin_1.default updateRecommendedInsulin={updateMock} injectionMethod={method}/>);
+        const wrapper = react_native_testing_library_1.render(
+        // @ts-ignore
+        <RecommendedInsulin_1.default updateRecommendedInsulin={updateMock} injectionMethod={method}/>);
         utils_1.expectTextExists(wrapper, `Recommended amount of insulin`);
-        const input = wrapper.queryByA11yLabel(`InvisibleNumberInput`);
+        const input = wrapper.getByTestId(enum_1.RecommendedInsulinTestIds.InvisibleInsulinInput);
         react_native_testing_library_1.fireEvent(input, `onEnd`, amount);
         utils_1.expectTextExists(wrapper, `${result}`);
         expect(updateMock).toBeCalledWith(result);
     });
     test(`Throw error on Unsupported InjectMethod`, () => {
         const updateMock = jest.fn();
-        const wrapper = react_native_testing_library_1.render(<RecommendedInsulin_1.default updateRecommendedInsulin={updateMock} injectionMethod={`Error`}/>);
+        const wrapper = react_native_testing_library_1.render(
+        // @ts-ignore
+        <RecommendedInsulin_1.default updateRecommendedInsulin={updateMock} injectionMethod={`Error`}/>);
         utils_1.expectTextExists(wrapper, `Recommended amount of insulin`);
-        const input = wrapper.queryByA11yLabel(`InvisibleNumberInput`);
+        const input = wrapper.getByTestId(enum_1.RecommendedInsulinTestIds.InvisibleInsulinInput);
         expect(() => react_native_testing_library_1.fireEvent(input, `onEnd`)).toThrowError(`Unsupported InjectionMethod: Error`);
     });
     test.each `
@@ -62,9 +69,11 @@ describe(`RecommendedInsulin - Component`, () => {
 		${0.1} | ${0.1}
 	`(`Will not remove leading zero from $value`, ({ result, value }) => {
         const updateMock = jest.fn();
-        const wrapper = react_native_testing_library_1.render(<RecommendedInsulin_1.default updateRecommendedInsulin={updateMock} injectionMethod={enum_1.InjectionMethod.Pump}/>);
+        const wrapper = react_native_testing_library_1.render(
+        // @ts-ignore
+        <RecommendedInsulin_1.default updateRecommendedInsulin={updateMock} injectionMethod={Pump}/>);
         utils_1.expectTextExists(wrapper, `Recommended amount of insulin`);
-        const input = wrapper.queryByA11yLabel(`InvisibleNumberInput`);
+        const input = wrapper.getByTestId(enum_1.RecommendedInsulinTestIds.InvisibleInsulinInput);
         react_native_testing_library_1.fireEvent(input, `onEnd`, value);
         utils_1.expectTextExists(wrapper, `${result}`);
     });
@@ -74,18 +83,21 @@ describe(`RecommendedInsulin - Component`, () => {
 		${`09.1`} | ${9.1}
 	`(`Will remove leading zero from $value`, ({ result, value }) => {
         const updateMock = jest.fn();
-        const wrapper = react_native_testing_library_1.render(<RecommendedInsulin_1.default updateRecommendedInsulin={updateMock} injectionMethod={enum_1.InjectionMethod.Pump}/>);
+        const wrapper = react_native_testing_library_1.render(
+        // @ts-ignore
+        <RecommendedInsulin_1.default updateRecommendedInsulin={updateMock} injectionMethod={Pump}/>);
         utils_1.expectTextExists(wrapper, `Recommended amount of insulin`);
-        const input = wrapper.queryByA11yLabel(`InvisibleNumberInput`);
+        const input = wrapper.getByTestId(enum_1.RecommendedInsulinTestIds.InvisibleInsulinInput);
         react_native_testing_library_1.fireEvent(input, `partialInput`, value);
         utils_1.expectTextExists(wrapper, `${result}`);
     });
     test(`Pressing on TouchableOpacity will callback on the invisible text input`, () => {
         const updateMock = jest.fn();
-        const wrapper = react_native_testing_library_1.render(<RecommendedInsulin_1.default updateRecommendedInsulin={updateMock} injectionMethod={enum_1.InjectionMethod.Pump}/>);
+        const wrapper = react_native_testing_library_1.render(
+        // @ts-ignore
+        <RecommendedInsulin_1.default updateRecommendedInsulin={updateMock} injectionMethod={Pump}/>);
         utils_1.expectTextExists(wrapper, `Recommended amount of insulin`);
-        const button = wrapper.queryByA11yLabel(`editRecommendedInsulin`);
-        expect(button).not.toBeNull();
+        const button = wrapper.getByTestId(enum_1.RecommendedInsulinTestIds.EditRecommendedInsulin);
         react_native_testing_library_1.fireEvent(button, `onPress`);
     });
     test.each `
@@ -98,9 +110,11 @@ describe(`RecommendedInsulin - Component`, () => {
 		${`15`} | ${0.75}   | ${false}
 	`(`Throws an error at insulin limits`, ({ reduction, isCorrect, value }) => {
         const updateMock = jest.fn();
-        const wrapper = react_native_testing_library_1.render(<RecommendedInsulin_1.default activityReduction={reduction} updateRecommendedInsulin={updateMock} injectionMethod={enum_1.InjectionMethod.Pump}/>);
+        const wrapper = react_native_testing_library_1.render(
+        // @ts-ignore
+        <RecommendedInsulin_1.default activityReduction={reduction} updateRecommendedInsulin={updateMock} injectionMethod={Pump}/>);
         utils_1.expectTextExists(wrapper, `Recommended amount of insulin`);
-        const input = wrapper.UNSAFE_queryByType(InvisibleNumberInput_1.default);
+        const input = wrapper.getByTestId(enum_1.RecommendedInsulinTestIds.InvisibleInsulinInput);
         react_native_testing_library_1.fireEvent(input, `onEnd`, value);
         if (isCorrect) {
             utils_1.expectTextExists(wrapper, value);
@@ -112,19 +126,19 @@ describe(`RecommendedInsulin - Component`, () => {
     });
     test.each `
 		reduction    | expected                             | reductionPercent
-		${null}      | ${recommendation_calculator_1.SAFETY_INSULIN_LIMIT * (1 - 0)}    | ${`${0 * 100}%`}
-		${undefined} | ${recommendation_calculator_1.SAFETY_INSULIN_LIMIT * (1 - 0)}    | ${`${0 * 100}%`}
-		${0}         | ${recommendation_calculator_1.SAFETY_INSULIN_LIMIT * (1 - 0)}    | ${`${0 * 100}%`}
-		${0.1}       | ${recommendation_calculator_1.SAFETY_INSULIN_LIMIT * (1 - 0.1)}  | ${`${0.1 * 100}%`}
-		${0.25}      | ${recommendation_calculator_1.SAFETY_INSULIN_LIMIT * (1 - 0.25)} | ${`${0.25 * 100}%`}
-		${0.5}       | ${recommendation_calculator_1.SAFETY_INSULIN_LIMIT * (1 - 0.5)}  | ${`${0.5 * 100}%`}
-		${0.75}      | ${recommendation_calculator_1.SAFETY_INSULIN_LIMIT * (1 - 0.75)} | ${`${0.75 * 100}%`}
-		${0.9}       | ${recommendation_calculator_1.SAFETY_INSULIN_LIMIT * (1 - 0.9)}  | ${`${0.9 * 100}%`}
+		${null}      | ${SAFETY_INSULIN_LIMIT * (1 - 0)}    | ${`${0 * 100}%`}
+		${undefined} | ${SAFETY_INSULIN_LIMIT * (1 - 0)}    | ${`${0 * 100}%`}
+		${0}         | ${SAFETY_INSULIN_LIMIT * (1 - 0)}    | ${`${0 * 100}%`}
+		${0.1}       | ${SAFETY_INSULIN_LIMIT * (1 - 0.1)}  | ${`${0.1 * 100}%`}
+		${0.25}      | ${SAFETY_INSULIN_LIMIT * (1 - 0.25)} | ${`${0.25 * 100}%`}
+		${0.5}       | ${SAFETY_INSULIN_LIMIT * (1 - 0.5)}  | ${`${0.5 * 100}%`}
+		${0.75}      | ${SAFETY_INSULIN_LIMIT * (1 - 0.75)} | ${`${0.75 * 100}%`}
+		${0.9}       | ${SAFETY_INSULIN_LIMIT * (1 - 0.9)}  | ${`${0.9 * 100}%`}
 	`(`Recommendation is limited when entering over the maximum safety threshold of insulin when activity reduction is $reductionPercent`, ({ expected, reduction }) => {
         const updateMock = jest.fn();
-        const wrapper = react_native_testing_library_1.render(<RecommendedInsulin_1.default insulinRecommendation={expected} updateRecommendedInsulin={updateMock} injectionMethod={enum_1.InjectionMethod.Pump} activityReduction={reduction}/>);
-        const input = wrapper.UNSAFE_queryByType(InvisibleNumberInput_1.default);
-        const INVALID_INSULIN = recommendation_calculator_1.SAFETY_INSULIN_LIMIT + 1;
+        const wrapper = react_native_testing_library_1.render(<RecommendedInsulin_1.default insulinRecommendation={expected} updateRecommendedInsulin={updateMock} injectionMethod={Pump} activityReduction={reduction} enteredInsulin={null}/>);
+        const input = wrapper.getByTestId(enum_1.RecommendedInsulinTestIds.InvisibleInsulinInput);
+        const INVALID_INSULIN = SAFETY_INSULIN_LIMIT + 1;
         react_native_testing_library_1.fireEvent(input, `onEnd`, INVALID_INSULIN);
         expect(updateMock).toBeCalledWith(expected);
     });
@@ -135,7 +149,9 @@ describe(`RecommendedInsulin - Component`, () => {
 	`(`On $platform the component has $padding paddingBottom`, ({ padding, platform }) => {
         react_native_1.Platform.OS = platform;
         const updateMock = jest.fn();
-        const wrapper = react_native_testing_library_1.render(<RecommendedInsulin_1.default updateRecommendedInsulin={updateMock} injectionMethod={enum_1.InjectionMethod.Pump}/>);
+        const wrapper = react_native_testing_library_1.render(
+        // @ts-ignore
+        <RecommendedInsulin_1.default updateRecommendedInsulin={updateMock} injectionMethod={Pump}/>);
         expect(!!new RegExp(`"paddingBottom":"${padding}"`).exec(JSON.stringify(wrapper.toJSON()))).toBeTruthy();
     });
 });