@hedia/recommendation-screen 2.1.34 → 2.1.35-alpha.0

package/dist/src/components/Header.js

@@ -15,14 +15,14 @@ export default class Header extends React.Component {
 					<View style={headerStyles.margin}>
 						<View style={headerStyles.exitButtonContainer}>
 							<View style={headerStyles.exitButton}>
-								<TouchableOpacity testID={Testing.Id.HeaderTestIds.ExitCalculation} accessibilityLabel="exitButton" style={headerStyles.exitButton} onPress={this.props.exitCallback}>
+								<TouchableOpacity testID={Testing.Id.HeaderTestIds.ExitCalculation} style={headerStyles.exitButton} onPress={this.props.exitCallback}>
 									<Icon iconIdentifier={`Ionicons/ios-close-circle-outline`} style={headerStyles.iconStyle}/>
 								</TouchableOpacity>
 								<View style={headerStyles.headerFiller}/>
 							</View>
 						</View>
 						<View style={headerStyles.headerTextContainer}>
-							<Text style={headerStyles.headerText} testID="headerText">
+							<Text style={headerStyles.headerText} testID={Testing.Id.HeaderTestIds.HeaderText}>
 								{i18n._(t `INSULIN${`\n`}RECOMMENDATION`)}
 							</Text>
 						</View>

package/dist/src/components/InvisibleNumberInput.js

@@ -100,7 +100,7 @@ export default class InvisibleNumberInput extends React.Component {
      */
     render() {
         const { testID } = this.props;
-        return (<TextInput testID={testID} accessibilityLabel={`InvisibleNumberInput`} value={`${this.state.value}`} ref={(textInput) => {
+        return (<TextInput testID={testID} value={`${this.state.value}`} ref={(textInput) => {
             if (textInput !== null) {
                 this.textInput = textInput;
             }

package/dist/src/components/LimitationMessage.js

@@ -21,7 +21,7 @@ export default class LimitationMessage extends React.Component {
 					<Text style={stylesModal.textMessage}>{limitationMessage}</Text>
 				</View>
 				<View style={stylesModal.containerAcceptButton}>
-					<TouchableOpacity testID={Testing.Id.LimitationMessageTestIds.OkButton} accessibilityLabel="nextButtonModal" style={stylesModal.okButton} onPress={this.props.onPressNextButton}>
+					<TouchableOpacity testID={Testing.Id.LimitationMessageTestIds.OkButton} style={stylesModal.okButton} onPress={this.props.onPressNextButton}>
 						<Text style={stylesModal.buttonText}>{i18n._(t `OK`)}</Text>
 					</TouchableOpacity>
 				</View>

package/dist/src/components/RecommendationModal.js

@@ -44,10 +44,10 @@ export default class RecommendationModal extends React.Component {
          */
         this.recommendationButtons = () => {
             return (<View style={stylesModal.recommendationButtonsContainer}>
-				<TouchableOpacity testID={RecommendationModalTestIds.AcceptCarbs} accessibilityLabel="yesButtonModal" style={stylesModal.affirmativeCarbsButton} onPress={this.props.onAcceptCarbohydrates}>
+				<TouchableOpacity testID={RecommendationModalTestIds.AcceptCarbs} style={stylesModal.affirmativeCarbsButton} onPress={this.props.onAcceptCarbohydrates}>
 					<Text style={stylesModal.affirmativeCarbsText}>{i18n._(t `OK`)}</Text>
 				</TouchableOpacity>
-				<TouchableOpacity testID={RecommendationModalTestIds.DeclineCarbs} accessibilityLabel="noButtonModal" style={stylesModal.negativeCarbsButton} onPress={this.props.onDeclineCarbohydrates}>
+				<TouchableOpacity testID={RecommendationModalTestIds.DeclineCarbs} style={stylesModal.negativeCarbsButton} onPress={this.props.onDeclineCarbohydrates}>
 					<Text style={stylesModal.negativeCarbsText}>{i18n._(t `NO`)}</Text>
 				</TouchableOpacity>
 			</View>);
@@ -99,7 +99,7 @@ export default class RecommendationModal extends React.Component {
 					{willRecommendCarbs ? this.recommendCarbohydrates(suggestedCarbohydrates) : null}
 				</View>
 				{willRecommendCarbs ? null : (<View style={stylesModal.containerAcceptButton}>
-						<TouchableOpacity testID={RecommendationModalTestIds.OkButton} accessibilityLabel="okayButtonModal" style={stylesModal.okButton} onPress={this.props.onClickOkButton}>
+						<TouchableOpacity testID={RecommendationModalTestIds.OkButton} style={stylesModal.okButton} onPress={this.props.onClickOkButton}>
 							<Text style={stylesModal.buttonText}>{i18n._(t `OK`)}</Text>
 						</TouchableOpacity>
 					</View>)}

package/dist/src/components/RecommendedCarbs.js

@@ -88,7 +88,7 @@ export default class RecommendedCarbs extends React.Component {
 				<LineSeparator color={BORDER_COLOUR_GREY}/>
 				<View style={calculationStyles.borderContainer}>
 					<View style={calculationStyles.recommendedContainer}>
-						<TouchableOpacity testID={RecommendedCarbsTestIds.RemoveRecommendation} accessibilityLabel="removeRecommendedCarbs" style={calculationStyles.removeRecommended} onPress={this.props.removeRecommendedCarbs}>
+						<TouchableOpacity testID={RecommendedCarbsTestIds.RemoveRecommendation} style={calculationStyles.removeRecommended} onPress={this.props.removeRecommendedCarbs}>
 							<Icon iconIdentifier={`Ionicons/ios-close-circle-outline`} style={calculationStyles.removeRecommendedIcon}/>
 						</TouchableOpacity>
 						<Text style={calculationStyles.recommendedLabel}>{i18n._(t `Recommended`)}</Text>
@@ -99,7 +99,7 @@ export default class RecommendedCarbs extends React.Component {
 						<Text style={calculationStyles.recommendedLabel}>{i18n._(t `Additional`)}</Text>
 					</View>
 					<View style={calculationStyles.valueUnitContainer}>
-						<TouchableOpacity testID={RecommendedCarbsTestIds.EditRecommendedCarbs} accessibilityLabel="editRecommendedCarbsButton" onPress={this.showTextInput} style={[calculationStyles.valueUnitContainer]}>
+						<TouchableOpacity testID={RecommendedCarbsTestIds.EditRecommendedCarbs} onPress={this.showTextInput} style={[calculationStyles.valueUnitContainer]}>
 							<View style={calculationStyles.valueContainer}>
 								<Text testID={RecommendedCarbsTestIds.RecommendedCarbs} style={[calculationStyles.value, { color: BORDER_COLOUR_TEAL }]}>
 									{shownCarbs}

package/dist/src/components/RecommendedInsulin.js

@@ -86,7 +86,7 @@ export default class RecommendedInsulin extends React.Component {
             const paddingBottom = Platform.OS === `ios` ? `3%` : `1%`;
             const shownInsulin = this.state.partialInput ?? this.props.insulinRecommendation ?? `0`;
             return (<React.Fragment>
-				<TouchableOpacity accessibilityLabel="editRecommendedInsulin" testID={RecommendedInsulinTestIds.EditRecommendedInsulin} onPress={this.handleOnPress}>
+				<TouchableOpacity testID={RecommendedInsulinTestIds.EditRecommendedInsulin} onPress={this.handleOnPress}>
 					<LinearGradient style={recommendedInsulinStyles.container} colors={[`#a200ff`, `#578aff`]} start={{ x: 0, y: 0 }} end={{ x: 1, y: 0 }}>
 						<View style={recommendedInsulinStyles.recommendedTextContainer}>
 							<Text style={recommendedInsulinStyles.recommendedText}>
@@ -100,7 +100,7 @@ export default class RecommendedInsulin extends React.Component {
 								</Text>
 								<Text style={recommendedInsulinStyles.units}>{i18n._(t `Units`)}</Text>
 							</View>
-							<Icon style={recommendedInsulinStyles.editIcon} iconIdentifier={`Feather/edit`}/>
+							<Icon style={recommendedInsulinStyles.editIcon} iconIdentifier={`Feather/edit`} testID={RecommendedInsulinTestIds.EditRecommendedInsulinIcon}/>
 						</View>
 					</LinearGradient>
 				</TouchableOpacity>

package/dist/src/components/Remeasure.js

@@ -65,7 +65,9 @@ export default class Remeasure extends React.Component {
 					</View>
 					<View style={remeasureStyles.valueUnitContainer}>
 						<View style={valueContainer}>
-							<Text style={remeasureStyles.value}>{measure ? limited : i18n._(t `OFF`)}</Text>
+							<Text style={remeasureStyles.value} testID={Testing.Id.RemeasureTestIds.RemeasureHours}>
+								{measure ? limited : i18n._(t `OFF`)}
+							</Text>
 						</View>
 						{measure ? (<View style={remeasureStyles.unitContainer}>
 								<Text style={remeasureStyles.units}>{i18n._(t `hours`)}</Text>
@@ -76,7 +78,7 @@ export default class Remeasure extends React.Component {
             if (slider !== null) {
                 this.slider = slider;
             }
-        }} testID={Testing.Id.RemeasureTestIds.RemeasureSlider} accessibilityLabel="remeasureSlider" maximumTrackTintColor={BORDER_COLOUR_GREY} minimumTrackTintColor={BORDER_COLOUR_TEAL} thumbTintColor={BORDER_COLOUR_TEAL} maximumValue={6} minimumValue={0} step={0.5} style={[remeasureStyles.sliderStyle, { marginHorizontal }]} onValueChange={this.handleSliderChange}/>
+        }} testID={Testing.Id.RemeasureTestIds.RemeasureSlider} maximumTrackTintColor={BORDER_COLOUR_GREY} minimumTrackTintColor={BORDER_COLOUR_TEAL} thumbTintColor={BORDER_COLOUR_TEAL} maximumValue={6} minimumValue={0} step={0.5} style={[remeasureStyles.sliderStyle, { marginHorizontal }]} onValueChange={this.handleSliderChange}/>
 			</View>);
     }
 }

package/dist/src/components/TransferToLogbook.js

@@ -39,7 +39,7 @@ export default class TransferToLogbook extends React.Component {
         if (!this.props.visible) {
             return <View style={addToLogbookStyles.marginContainer}/>;
         }
-        return (<TouchableOpacity testID={Testing.Id.TransferToLogbookTestIds.TransferButton} onPress={this.handlePress} disabled={this.state.pressed} style={addToLogbookStyles.container} accessibilityLabel="transferToLogbook">
+        return (<TouchableOpacity testID={Testing.Id.TransferToLogbookTestIds.TransferButton} onPress={this.handlePress} disabled={this.state.pressed} style={addToLogbookStyles.container}>
 				{!this.state.pressed ? (<View style={addToLogbookStyles.textContainer}>
 						<Text style={addToLogbookStyles.transferText}>{i18n._(t `Transfer to logbook`)}</Text>
 					</View>) : (<View style={addToLogbookStyles.textContainerActive}>

package/dist/src/components/TwoOptionModal.js

@@ -14,7 +14,7 @@ export default class TwoOptionModal extends React.Component {
 				<StatusBar backgroundColor={`rgba(0, 0, 0, 1)`}/>
 				<View style={modalStyle.modalContainer}>
 					{isCancelable ? (<TouchableOpacity onPress={this.props.onClose} testID={TwoOptionModalTestIds.ExitButton} style={modalStyle.iconWrapper}>
-							<Icon accessibilityLabel="ModalExitIcon" iconIdentifier={`Ionicons/ios-close-circle-outline`} style={modalStyle.icon}/>
+							<Icon iconIdentifier={`Ionicons/ios-close-circle-outline`} style={modalStyle.icon}/>
 						</TouchableOpacity>) : null}
 
 					<View style={isCancelable ? modalStyle.textContainer : modalStyle.textContainerNotCancelable}>
@@ -24,12 +24,12 @@ export default class TwoOptionModal extends React.Component {
 						<Text style={modalStyle.message}>{this.props.message}</Text>
 					</View>
 					<View style={rowAsButtonLayout ? modalStyle.buttonContainerRow : modalStyle.buttonContainerColumn}>
-						<TouchableOpacity testID={TwoOptionModalTestIds.FirstOption} accessibilityLabel="firstOptionButton" onPress={this.props.firstOption} style={rowAsButtonLayout ? modalStyle.buttonRow : modalStyle.firstButtonColumn}>
+						<TouchableOpacity testID={TwoOptionModalTestIds.FirstOption} onPress={this.props.firstOption} style={rowAsButtonLayout ? modalStyle.buttonRow : modalStyle.firstButtonColumn}>
 							<Text style={rowAsButtonLayout ? modalStyle.textButtonRow : modalStyle.textFirstButtonColumn}>
 								{this.props.textFirstOption}
 							</Text>
 						</TouchableOpacity>
-						<TouchableOpacity testID={TwoOptionModalTestIds.SecondOption} accessibilityLabel="secondOptionButton" onPress={this.props.secondOption} style={rowAsButtonLayout ? modalStyle.buttonRow : modalStyle.secondButtonColumn}>
+						<TouchableOpacity testID={TwoOptionModalTestIds.SecondOption} onPress={this.props.secondOption} style={rowAsButtonLayout ? modalStyle.buttonRow : modalStyle.secondButtonColumn}>
 							<Text style={rowAsButtonLayout ? modalStyle.textButtonRow : modalStyle.textSecondButtonColumn}>
 								{this.props.textSecondOption}
 							</Text>

package/dist/src/components/activity/Activity.js

@@ -33,7 +33,9 @@ export default class Activity extends React.Component {
 							</View>
 							<View style={infoStyles.valueUnitContainer}>
 								<View style={infoStyles.valueContainer}>
-									<Text style={infoStyles.value}>{activity.activityDuration}</Text>
+									<Text style={infoStyles.value} testID={Testing.Id.ActivityTestIds.ActivityDuration}>
+										{activity.activityDuration}
+									</Text>
 								</View>
 								<View style={infoStyles.unitContainer}>
 									<Text style={infoStyles.units}>{i18n._(t `min`)}</Text>

package/dist/src/components/activity/ActivityIcon.d.ts

@@ -13,9 +13,9 @@ export default class ActivityIcon extends React.Component<IActivityDisplayProps>
     /**
      * Steps:
      * 1. Unpack activityType and activityTitle from props.
-     * 2. Create an accessibility label string by appending ‘_activity’ to the enum label corresponding to the activityType prop.
+     * 2. Create a testID string by appending ‘_activity’ to the enum label corresponding to the activityType prop.
      * @returns A JSX element including the following:
-     * 1. An image component with the generated accessibility label displaying the icon from getActivityIcon().
+     * 1. An image component with the generated testID displaying the icon from getActivityIcon().
      * 2. The activityTitle if it is truthy or the string “Untitled Activity” otherwise
      */
     render(): JSX.Element | null;

package/dist/src/components/activity/ActivityIcon.js

@@ -26,16 +26,16 @@ export default class ActivityIcon extends React.Component {
     /**
      * Steps:
      * 1. Unpack activityType and activityTitle from props.
-     * 2. Create an accessibility label string by appending ‘_activity’ to the enum label corresponding to the activityType prop.
+     * 2. Create a testID string by appending ‘_activity’ to the enum label corresponding to the activityType prop.
      * @returns A JSX element including the following:
-     * 1. An image component with the generated accessibility label displaying the icon from getActivityIcon().
+     * 1. An image component with the generated testID displaying the icon from getActivityIcon().
      * 2. The activityTitle if it is truthy or the string “Untitled Activity” otherwise
      */
     render() {
         const { activityType, activityTitle } = this.props;
-        const label = `${Activity.Enums.ActivityEnum[activityType ?? Other]}_activity`;
+        const testID = `${Activity.Enums.ActivityEnum[activityType ?? Other]}_activity`;
         return (<View style={activityIconStyles.container}>
-				<Image style={activityIconStyles.activityIcon} source={this.getActivityIcon()} accessibilityLabel={label}/>
+				<Image style={activityIconStyles.activityIcon} source={this.getActivityIcon()} testID={testID}/>
 				<Text style={activityIconStyles.activityTitle}>{activityTitle || i18n._(t `Untitled Activity`)}</Text>
 			</View>);
     }

package/dist/src/components/activity/ActivityIntensity.js

@@ -19,7 +19,9 @@ export default class ActivityIntensity extends React.Component {
             return (<View style={[infoStyles.margin, activityIntensityStyles.row]}>
 				<View style={activityIntensityStyles.intensityContainer}>
 					<View style={[activityIntensityStyles.intensityTextContainer, style]}>
-						<Text style={activityIntensityStyles.bold}>{ActivityIntensityTranslations[intensity]()}</Text>
+						<Text style={activityIntensityStyles.bold} testID={intensity}>
+							{ActivityIntensityTranslations[intensity]()}
+						</Text>
 					</View>
 				</View>
 				<View style={activityIntensityStyles.intensityContainerOffset}/>

package/dist/src/components/mood/MoodIcon.js

@@ -49,8 +49,8 @@ export default class MoodIcon extends React.Component {
     /** JSX element to display the mood icon retrieved using the getMoodIcon() method. */
     render() {
         const { mood, active } = this.props;
-        const label = `${MoodEnum[mood]}_${active}`;
-        return (<TouchableOpacity style={moodIconStyles.container} onPress={this.handleOnPress} accessibilityLabel={label}>
+        const testID = `${MoodEnum[mood]}-${active}`;
+        return (<TouchableOpacity style={moodIconStyles.container} onPress={this.handleOnPress} testID={testID}>
 				<Image style={moodIconStyles.icon} source={this.getMoodIcon()}/>
 			</TouchableOpacity>);
     }

package/dist/src/types/enum.d.ts

@@ -6,10 +6,12 @@ export declare namespace Testing {
             RecommendationScrollView = "recommendation-screen-scroll-view"
         }
         enum ActivityTestIds {
+            ActivityDuration = "activity-duration-minutes",
             ActivityReduction = "activity-reduction-percentage"
         }
         enum HeaderTestIds {
-            ExitCalculation = "exit-calculation-button"
+            ExitCalculation = "exit-calculation-button",
+            HeaderText = "header-text"
         }
         enum LimitationMessageTestIds {
             OkButton = "limitation-message-ok-button"
@@ -27,6 +29,7 @@ export declare namespace Testing {
             TotalCarbs = "total-carbs"
         }
         enum RecommendedInsulinTestIds {
+            EditRecommendedInsulinIcon = "edit-recommended-insulin-icon",
             EditRecommendedInsulin = "edit-recommended-insulin",
             InvisibleInsulinInput = "invisible-recommended-insulin-input",
             ShownInsulinText = "shown-insulin-text"
@@ -38,7 +41,8 @@ export declare namespace Testing {
             SuggestedCarbs = "recommendation-modal-suggested-carbs"
         }
         enum RemeasureTestIds {
-            RemeasureSlider = "remeasure-slider"
+            RemeasureSlider = "remeasure-slider",
+            RemeasureHours = "remeasure-hours"
         }
         enum TransferToLogbookTestIds {
             TransferButton = "transfer-to-logbook-button"
@@ -51,19 +55,19 @@ export declare namespace Testing {
         /** Namespace containing ids for the InfoBars component value, lavel and unit fields */
         namespace InfoBarTestIds {
             enum Value {
-                BloodGlucose = "BloodGlucoseValue",
-                BloodKetone = "BloodKetoneValue",
-                ActiveInsulin = "ActiveInsulinValue"
+                BloodKetone = "blood-ketone-value",
+                BloodGlucose = "blood-glucose-value",
+                ActiveInsulin = "active-insulin-value"
             }
             enum Label {
-                BloodKetone = "BloodKetoneLabel",
-                BloodGlucose = "BloodGlucoseLabel",
-                ActiveInsulin = "ActiveInsulinLabel"
+                BloodKetone = "blood-ketone-label",
+                BloodGlucose = "blood-glucose-label",
+                ActiveInsulin = "active-insulin-label"
             }
             enum Unit {
-                BloodKetone = "BloodKetoneUnit",
-                BloodGlucose = "BloodGlucoseUnit",
-                ActiveInsulin = "ActiveInsulinUnit"
+                BloodKetone = "blood-ketone-unit",
+                BloodGlucose = "blood-glucose-unit",
+                ActiveInsulin = "active-insulin-unit"
             }
         }
     }

package/dist/src/types/enum.js

@@ -10,11 +10,13 @@ export var Testing;
         })(RecommendationScreenTestIds = Id.RecommendationScreenTestIds || (Id.RecommendationScreenTestIds = {}));
         let ActivityTestIds;
         (function (ActivityTestIds) {
+            ActivityTestIds["ActivityDuration"] = "activity-duration-minutes";
             ActivityTestIds["ActivityReduction"] = "activity-reduction-percentage";
         })(ActivityTestIds = Id.ActivityTestIds || (Id.ActivityTestIds = {}));
         let HeaderTestIds;
         (function (HeaderTestIds) {
             HeaderTestIds["ExitCalculation"] = "exit-calculation-button";
+            HeaderTestIds["HeaderText"] = "header-text";
         })(HeaderTestIds = Id.HeaderTestIds || (Id.HeaderTestIds = {}));
         let LimitationMessageTestIds;
         (function (LimitationMessageTestIds) {
@@ -36,6 +38,7 @@ export var Testing;
         })(RecommendedCarbsTestIds = Id.RecommendedCarbsTestIds || (Id.RecommendedCarbsTestIds = {}));
         let RecommendedInsulinTestIds;
         (function (RecommendedInsulinTestIds) {
+            RecommendedInsulinTestIds["EditRecommendedInsulinIcon"] = "edit-recommended-insulin-icon";
             RecommendedInsulinTestIds["EditRecommendedInsulin"] = "edit-recommended-insulin";
             RecommendedInsulinTestIds["InvisibleInsulinInput"] = "invisible-recommended-insulin-input";
             RecommendedInsulinTestIds["ShownInsulinText"] = "shown-insulin-text";
@@ -50,6 +53,7 @@ export var Testing;
         let RemeasureTestIds;
         (function (RemeasureTestIds) {
             RemeasureTestIds["RemeasureSlider"] = "remeasure-slider";
+            RemeasureTestIds["RemeasureHours"] = "remeasure-hours";
         })(RemeasureTestIds = Id.RemeasureTestIds || (Id.RemeasureTestIds = {}));
         let TransferToLogbookTestIds;
         (function (TransferToLogbookTestIds) {
@@ -66,21 +70,21 @@ export var Testing;
         (function (InfoBarTestIds) {
             let Value;
             (function (Value) {
-                Value["BloodGlucose"] = "BloodGlucoseValue";
-                Value["BloodKetone"] = "BloodKetoneValue";
-                Value["ActiveInsulin"] = "ActiveInsulinValue";
+                Value["BloodKetone"] = "blood-ketone-value";
+                Value["BloodGlucose"] = "blood-glucose-value";
+                Value["ActiveInsulin"] = "active-insulin-value";
             })(Value = InfoBarTestIds.Value || (InfoBarTestIds.Value = {}));
             let Label;
             (function (Label) {
-                Label["BloodKetone"] = "BloodKetoneLabel";
-                Label["BloodGlucose"] = "BloodGlucoseLabel";
-                Label["ActiveInsulin"] = "ActiveInsulinLabel";
+                Label["BloodKetone"] = "blood-ketone-label";
+                Label["BloodGlucose"] = "blood-glucose-label";
+                Label["ActiveInsulin"] = "active-insulin-label";
             })(Label = InfoBarTestIds.Label || (InfoBarTestIds.Label = {}));
             let Unit;
             (function (Unit) {
-                Unit["BloodKetone"] = "BloodKetoneUnit";
-                Unit["BloodGlucose"] = "BloodGlucoseUnit";
-                Unit["ActiveInsulin"] = "ActiveInsulinUnit";
+                Unit["BloodKetone"] = "blood-ketone-unit";
+                Unit["BloodGlucose"] = "blood-glucose-unit";
+                Unit["ActiveInsulin"] = "active-insulin-unit";
             })(Unit = InfoBarTestIds.Unit || (InfoBarTestIds.Unit = {}));
         })(InfoBarTestIds = Id.InfoBarTestIds || (Id.InfoBarTestIds = {}));
     })(Id = Testing.Id || (Testing.Id = {}));

package/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@hedia/recommendation-screen",
-  "version": "2.1.34",
+  "version": "2.1.35-alpha.0",
   "description": "Hedia Recommendation Screen for Bolus and Carbohydrates",
   "main": "dist/index.js",
   "files": [
-		"dist/"
-	],
+    "dist/"
+  ],
   "scripts": {
     "test": "jest --coverage",
     "tsc": "tsc --noEmit",