@hedia/recommendation-screen 2.0.1 → 2.1.0

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

@@ -1,163 +0,0 @@
-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`, (): void => {
-	afterEach(cleanup);
-
-	beforeEach((): void => {
-		i18n.activate(Languages.en);
-	});
-
-	test.each`
-		activityIntensity
-		${light}
-		${moderate}
-		${hard}
-	`(
-		`Renders $activityIntensity`,
-		({ activityIntensity }: { activityIntensity: Activity.Enums.ActivityIntensity }): void => {
-			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
-		${0}
-		${0.25}
-		${0.33}
-		${0.5}
-		${0.8}
-	`(
-		`Renders activity reduction from decimal: $reduction to percentage`,
-		({ reduction }: { reduction: number }): void => {
-			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`, (): void => {
-		const { activityDisplayProps } = getRecommendationProps();
-		const activity = generateActivityProps();
-		const reduction = null;
-		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`, (): void => {
-		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`} | ${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 }: { locale: Languages; message: string }): void => {
-		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`, (): void => {
-		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.tsx

@@ -1,110 +0,0 @@
-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`, (): void => {
-	afterEach(cleanup);
-	beforeEach((): void => {
-		i18n.activate(Languages.en);
-	});
-
-	test(`Can mount component in `, (): void => {
-		const mockSelected = jest.fn();
-		const wrapper = render(i18nProvided(<Emotion moodSelected={mockSelected} currentMood={null} />));
-
-		expectTextExists(wrapper, `How are you feeling?`);
-	});
-
-	test.each`
-		mood                  | moodName                        | preselected           | preselectedName
-		${MoodEnum.Happy}     | ${MoodEnum[MoodEnum.Happy]}     | ${MoodEnum.Sad}       | ${MoodEnum[MoodEnum.Sad]}
-		${MoodEnum.SemiHappy} | ${MoodEnum[MoodEnum.SemiHappy]} | ${MoodEnum.Happy}     | ${MoodEnum[MoodEnum.Happy]}
-		${MoodEnum.Neutral}   | ${MoodEnum[MoodEnum.Neutral]}   | ${MoodEnum.SemiHappy} | ${MoodEnum[MoodEnum.SemiHappy]}
-		${MoodEnum.SemiSad}   | ${MoodEnum[MoodEnum.SemiSad]}   | ${MoodEnum.Neutral}   | ${MoodEnum[MoodEnum.Neutral]}
-		${MoodEnum.Sad}       | ${MoodEnum[MoodEnum.Sad]}       | ${MoodEnum.SemiSad}   | ${MoodEnum[MoodEnum.SemiSad]}
-	`(
-		`Pressing on $moodName icon deselects others`,
-		({
-			mood,
-			moodName,
-			preselected,
-			preselectedName,
-		}: {
-			mood: Logbook.Enums.MoodEnum;
-			moodName: string;
-			preselected: Logbook.Enums.MoodEnum;
-			preselectedName: string;
-		}): void => {
-			let mockedStateMood: Logbook.Enums.MoodEnum = preselected;
-			const mockSelected = jest.fn(
-				(selectedMood: Logbook.Enums.MoodEnum): Logbook.Enums.MoodEnum => (mockedStateMood = selectedMood),
-			);
-
-			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 = getIcon(wrapper, moodName, false);
-
-			if (newIcon === null) {
-				return fail(`No icon found for queryByA11yLabel: ${moodName}_${false}`);
-			}
-
-			// Select a different mood
-			fireEvent(newIcon, `onPress`);
-
-			expect(mockedStateMood).toBe(mood);
-
-			wrapper.update(<Emotion moodSelected={mockSelected} currentMood={mockedStateMood} />);
-
-			Object.keys(MoodEnum)
-				.filter((key): boolean => /[0-9]/.test(key))
-				.forEach((key): void => {
-					if (moodName === MoodEnum[key]) {
-						expect(getIcon(wrapper, MoodEnum[key], true)).not.toBeNull();
-						expect(getIcon(wrapper, MoodEnum[key], false)).toBeNull();
-					} else {
-						expect(getIcon(wrapper, MoodEnum[key], false)).not.toBeNull();
-						expect(getIcon(wrapper, MoodEnum[key], true)).toBeNull();
-					}
-				});
-		},
-	);
-
-	test(`Deselecting selected icon by pressing it again`, (): void => {
-		let mockedStateMood: Logbook.Enums.MoodEnum = MoodEnum.Happy;
-		const mockSelected = jest.fn(
-			(newMood: Logbook.Enums.MoodEnum): Logbook.Enums.MoodEnum => (mockedStateMood = newMood),
-		);
-
-		const mood = MoodEnum[mockedStateMood];
-
-		const wrapper = render(<Emotion moodSelected={mockSelected} currentMood={mockedStateMood} />);
-
-		// current mood has already been selected: Happy
-		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}`);
-		}
-
-		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.tsx

@@ -1,44 +0,0 @@
-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`, (): void => {
-	afterEach(cleanup);
-
-	test(`Exit button calls exitCallback`, (): void => {
-		const props = getRecommendationProps();
-		const { getByTestId } = render(<Header exitCallback={props.exitCallback} />);
-		expect(props.exitCallback).not.toBeCalled();
-		fireEvent.press(getByTestId(HeaderTestIds.ExitCalculation));
-		expect(props.exitCallback).toBeCalled();
-	});
-	test.each`
-		language     | locale          | header
-		${`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 }: { locale: Languages; header: string }): void => {
-		const props = getRecommendationProps({
-			language: locale,
-		});
-
-		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.tsx

@@ -1,152 +0,0 @@
-import { BloodGlucoseUnit, BloodKetonesUnit } from "@hedia/types";
-import React from "react";
-import { cleanup, render } from "react-native-testing-library";
-import InfoBars, { IProps } from "../../components/InfoBars";
-import { expectTextExists, expectTextNotExists } from "../utils";
-
-enum DisplayedUnit {
-	MG_DL = `mg/dL`,
-	MMOL_L = `mmol/L`,
-}
-
-describe(`Info Bars Component`, (): void => {
-	afterEach(cleanup);
-
-	test(`Active Insulin info bar shows value`, (): void => {
-		const props: IProps = {
-			label: `Active Insulin`,
-			unit: `units`,
-			value: `4.5`,
-			showNullAsDash: true,
-		};
-		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`, (): void => {
-		const props: IProps = {
-			label: `Active Insulin`,
-			unit: `units`,
-			showNullAsDash: true,
-			value: null,
-		};
-		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`, (): void => {
-		const props: IProps = {
-			label: `Active Insulin`,
-			unit: `units`,
-			value: `3.5`,
-			showNullAsDash: false,
-		};
-		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`, (): void => {
-		const props: IProps = {
-			label: `Blood Glucose Levels`,
-			unit: BloodGlucoseUnit.MMOL_L,
-			value: `4.5`,
-			showNullAsDash: true,
-		};
-		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`, (): void => {
-		const props: IProps = {
-			label: `Blood Glucose Levels`,
-			unit: BloodGlucoseUnit.MG_DL,
-			value: `135`,
-			showNullAsDash: true,
-		};
-		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`, (): void => {
-		const props: IProps = {
-			label: `Blood Ketone Level`,
-			unit: BloodKetonesUnit.MMOL_L,
-			value: `2.2`,
-			showNullAsDash: true,
-		};
-		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`, (): void => {
-		const props: IProps = {
-			label: `Blood Ketone Level`,
-			unit: BloodKetonesUnit.MG_DL,
-			value: `10`,
-			showNullAsDash: true,
-		};
-		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!);
-	});
-
-	interface IShowNullAsDash {
-		value: string;
-		expected: string;
-		unit: string;
-		showNullAsDash: boolean;
-	}
-	test.each`
-		value   | showNullAsDash | unit                       | expected
-		${null} | ${false}       | ${`units`}                 | ${`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}        | ${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 }: IShowNullAsDash): void => {
-			const props: IProps = {
-				label: `Blood Glucose Levels`,
-				unit,
-				value,
-				showNullAsDash,
-			};
-			const InfoBarsComponent = render(<InfoBars {...props} />);
-			expectTextExists(InfoBarsComponent, expected);
-		},
-	);
-});