diff --git a/src/index.html b/src/index.html
index 156e47583..e68e9fd7d 100644
--- a/src/index.html
+++ b/src/index.html
@@ -83,7 +83,7 @@ <h4 style="margin: 5%">{{ "JAILBREAK_TITLE" | translate }}</h4>
             <h3>Attention!</h3>
             <ons-icon icon="ion-alert-circled" size="60px"></ons-icon>
             <p style="margin-top: 5%" class="unattended-message">{{"SCREENSHOT_TAKEN"|translate}}</p>
-            <ons-button style="margin-top: 5%" ng-click="screenshotTakenModal.hide()">{{"OK"|translate}}</ons-button>
+            <ons-button id="modal-screenshot-ok-btn" style="margin-top: 5%" ng-click="screenshotTakenModal.hide()">{{"OK"|translate}}</ons-button>
         </div>
     </ons-modal>
 
@@ -121,11 +121,11 @@ <h3>Attention!</h3>
         <div id="rcorners">
             <h3>{{"TOUR_WELCOME"|translate}}</h3>
             <p style="margin-top: 10%; margin-bottom:10%;" class="secure-message">{{"TOUR_MODAL_INTRODUCTION"|translate}}</p>
-            <ons-button ng-class="fontSizeTitle" style="background-color: #6a6261; margin: 2px"
+            <ons-button id="modal-tour-later-btn" ng-class="fontSizeTitle" style="background-color: #6a6261; margin: 2px"
                         ng-click="firstLoginTourModal.hide()">
                 {{"TOUR_MODAL_LATER_BUTTON"|translate}}
             </ons-button>
-            <ons-button ng-class="fontSizeTitle" style="margin: 2px"
+            <ons-button id="modal-tour-start-btn" ng-class="fontSizeTitle" style="margin: 2px"
                         ng-click="firstLoginTourModal.hide(); homeNavigator.pushPage('views/home/tour/tour.html');">
                 {{"TOUR_MODAL_TAKE_TOUR_BUTTON"|translate}}
             </ons-button>
diff --git a/src/js/directives/hospitalSelectorDirective.js b/src/js/directives/hospitalSelectorDirective.js
index 101575884..5da620bde 100644
--- a/src/js/directives/hospitalSelectorDirective.js
+++ b/src/js/directives/hospitalSelectorDirective.js
@@ -20,7 +20,7 @@
                 "onClick": "=?",
             },
             template: `<ons-list>
-                           <ons-list-item modifier="chevron" ng-click="goToHospitalSelection()" ng-style="!hospitalIsSelected() && {'background-color': 'rgba(241, 241, 88, 0.25882352941176473)'}">
+                           <ons-list-item id="hospital-selector-{{$id}}-item" modifier="chevron" ng-click="goToHospitalSelection()" ng-style="!hospitalIsSelected() && {'background-color': 'rgba(241, 241, 88, 0.25882352941176473)'}">
                                {{"HOSPITAL"|translate}}
                                <span class="list-item-note lucent">{{getSelectedHospitalAcronym()|translate}}</span>
                            </ons-list-item>
diff --git a/src/js/directives/loading-spinning-button.directive.js b/src/js/directives/loading-spinning-button.directive.js
index 3bea61c4b..038c2f216 100644
--- a/src/js/directives/loading-spinning-button.directive.js
+++ b/src/js/directives/loading-spinning-button.directive.js
@@ -28,7 +28,7 @@
                 // Boolean variable that indicates if the button should be disabled (and greyed out)
                 "disable": "=?",
             },
-            template: `<ons-toolbar-button ng-click="executeClickFunction()" ng-disabled="disable">
+            template: `<ons-toolbar-button id="loading-spinning-btn-{{$id}}" ng-click="executeClickFunction()" ng-disabled="disable">
                            <ons-icon ng-class="{'glyphicon-refresh-animate': spin}" icon="ion-ios-refresh-empty" size="2x" style="color: #4F81BB"></ons-icon>
                        </ons-toolbar-button>
             `,
diff --git a/src/views/general/announcements/announcements.html b/src/views/general/announcements/announcements.html
index 2b2b6f0b6..6c4224095 100644
--- a/src/views/general/announcements/announcements.html
+++ b/src/views/general/announcements/announcements.html
@@ -24,7 +24,7 @@
     <div ng-hide="vm.hideContent || vm.noAnnouncements">
         <ons-list  ng-repeat="announcement in vm.announcements" ng-click="vm.goToAnnouncement(announcement)">
             <ons-list-header class="default-list-header" ng-class="fontSizeTitle" ng-show="{{ vm.announcements | showHeader : $index : 'DateAdded' }}">{{ announcement.DateAdded | date:'fullDate' }}</ons-list-header>
-            <ons-list-item modifier="chevron" class="item">
+            <ons-list-item id="announcement-{{$index}}-item" modifier="chevron" class="item">
                 <ons-row align="center" >
                     <ons-col width="70px" align="center">
                         <div style="margin-left:10px">
diff --git a/src/views/general/feedback/feedback.html b/src/views/general/feedback/feedback.html
index 9e15c70be..0921516bb 100644
--- a/src/views/general/feedback/feedback.html
+++ b/src/views/general/feedback/feedback.html
@@ -26,7 +26,7 @@
         <textarea class="textarea textarea--transparent" placeholder="{{feedback.placeholder | translate}}" ng-model="feedbackText" style="width: 100%; height: 50vh; margin: 10px" ng-class="fontSizeDesc" ng-disabled="feedback.isSubmitting"></textarea>
     </ons-row>
     <ons-row ng-show="!feedback.submitted" class="feedback--element-spacing">
-        <ons-button class="shadow-2" ng-class="fontSizeTitle" style="width: 100%; text-align: center; background-color: #4CAF50"
+        <ons-button id="feedback-send-btn" class="shadow-2" ng-class="fontSizeTitle" style="width: 100%; text-align: center; background-color: #4CAF50"
                     ng-click="feedback.submitFeedback(feedback.feedbackType)" ng-disabled="feedback.submitted||!feedback.enableSend||feedback.isSubmitting">
             {{"SEND"|translate}}
             <ons-icon icon="ion-load-d" spin="true" ng-show="feedback.isSubmitting"></ons-icon>
@@ -47,7 +47,7 @@
         <div align="center" style="width: 100%; text-align: center">
             <h3>{{"THANK_YOU_FOR_FEEDBACK"|translate}}</h3>
             <p>{{"FEEDBACK_RECEIVED"|translate}}</p>
-            <ons-button style="margin-top: 5%" align="center" ng-click="feedback.reset()">{{"SEND_ANOTHER"|translate}}</ons-button>
+            <ons-button id="feedback-send-another-btn" style="margin-top: 5%" align="center" ng-click="feedback.reset()">{{"SEND_ANOTHER"|translate}}</ons-button>
         </div>
     </div>
 </ons-page>
diff --git a/src/views/general/general.html b/src/views/general/general.html
index 7fd76ad21..a50f3c456 100644
--- a/src/views/general/general.html
+++ b/src/views/general/general.html
@@ -7,7 +7,7 @@
 <ons-page ng-controller="GeneralTabController as tab" ng-device-backbutton="tab.generalDeviceBackButton()">
     <generic-toolbar title="{{'GENERAL'|translate}}" back-button="false" style-class="fontSizeTitle">
         <right-content>
-            <ons-toolbar-button ng-click="generalNavigator.pushPage('./views/tabs/info-page-tabs.html', {id:'general'})">
+            <ons-toolbar-button id="toolbar-general-info-btn" ng-click="generalNavigator.pushPage('./views/tabs/info-page-tabs.html', {id:'general'})">
                 <ons-icon icon="fa-info-circle"></ons-icon>
             </ons-toolbar-button>
         </right-content>
@@ -17,7 +17,7 @@
     <div>
         <network-banner></network-banner>
         <ons-list style="margin: 0px 0">
-            <ons-list-item modifier="chevron" class="item"
+            <ons-list-item id="general-announcements-item" modifier="chevron" class="item"
                            ng-if="tab.allowedModules.hasOwnProperty('ANN') && tab.allowedModules['ANN']"
                            ng-click="generalNavigator.pushPage('views/general/announcements/announcements.html')">
                 <ons-row align="center">
@@ -36,7 +36,7 @@
                     </ons-col>
                 </ons-row>
             </ons-list-item>
-            <ons-list-item modifier="chevron" class="item"
+            <ons-list-item id="general-parking-item" modifier="chevron" class="item"
                            ng-if="tab.allowedModules.hasOwnProperty('PAT') && tab.allowedModules['PAT']"
                            ng-click="tab.goToParking()">
                 <ons-row align="center">
@@ -53,7 +53,7 @@
                     </ons-col>
                 </ons-row>
             </ons-list-item>
-            <ons-list-item modifier="chevron" class="item"
+            <ons-list-item id="general-feedback-item" modifier="chevron" class="item"
                            ng-if="tab.allowedModules.hasOwnProperty('FEE') && tab.allowedModules['FEE']"
                            ng-click="generalNavigator.pushPage('views/general/feedback/feedback.html', {contentType: 'general'})">
                 <ons-row align="center">
@@ -70,7 +70,7 @@
                     </ons-col>
                 </ons-row>
             </ons-list-item>
-            <ons-list-item class="item"
+            <ons-list-item id="general-find-doctor-item" class="item"
                            ng-if="tab.allowedModules.hasOwnProperty('FFD') && tab.allowedModules['FFD']"
                            ng-click="tab.goToUrl('findDoctor')">
                 <ons-row align="center">
@@ -92,7 +92,7 @@
                     </ons-col>
                 </ons-row>
             </ons-list-item>
-            <ons-list-item class="item"
+            <ons-list-item id="general-medical-scheduler-item" class="item"
                            ng-if="tab.allowedModules.hasOwnProperty('MAS') && tab.allowedModules['MAS']"
                            ng-click="tab.goToUrl('medicalScheduler')">
                 <ons-row align="center">
@@ -116,7 +116,7 @@
                     </ons-col>
                 </ons-row>
             </ons-list-item>
-            <ons-list-item class="item"
+            <ons-list-item id="general-carnet-sante-item" class="item"
             ng-if="tab.allowedModules.hasOwnProperty('CSQ') && tab.allowedModules['CSQ']"
             ng-click="tab.goToCarnetSante()">
                 <ons-row align="center">
diff --git a/src/views/general/parking/parking.html b/src/views/general/parking/parking.html
index 28c6d87c5..ece4104e6 100644
--- a/src/views/general/parking/parking.html
+++ b/src/views/general/parking/parking.html
@@ -18,7 +18,7 @@
     <div ng-hide="parking.loading">
         <ons-list ng-repeat="site in parking.sites" modifier="chevron tappable" class="settings-list">
                 <ons-list-header ng-class="fontSizeTitle">{{site.name}}</ons-list-header>
-                <ons-list-item ng-click="parking.goToParkingLink(site.direction_url)" ng-class="fontSizeDesc">
+                <ons-list-item id="parking-directions-{{$index}}-item" ng-click="parking.goToParkingLink(site.direction_url)" ng-class="fontSizeDesc">
                     <ons-row align="center">
                         <ons-col width="60px" style="text-align: center">
                             <div>
@@ -31,7 +31,7 @@
                         </ons-col>
                     </ons-row>
                 </ons-list-item>
-                <ons-list-item ng-click="parking.goToParkingLink(site.parking_url)" ng-class="fontSizeDesc">
+                <ons-list-item id="parking-info-{{$index}}-item" ng-click="parking.goToParkingLink(site.parking_url)" ng-class="fontSizeDesc">
                     <ons-row align="center">
                         <ons-col width="60px" style="text-align: center">
                             <div>
diff --git a/src/views/home/about/about.html b/src/views/home/about/about.html
index c0bbc1a85..0c0ba000e 100644
--- a/src/views/home/about/about.html
+++ b/src/views/home/about/about.html
@@ -10,7 +10,7 @@
     <network-banner></network-banner>
     <ons-list>
         <!-- TOUR -->
-        <ons-list-item class="item" modifier="tappable chevron" ng-click="about.openTour()">
+        <ons-list-item id="about-tour-item" class="item" modifier="tappable chevron" ng-click="about.openTour()">
             <ons-row align="center">
                 <ons-col width="60px" style="text-align: center">
                     <div>
@@ -24,7 +24,7 @@
         </ons-list-item>
 
         <!-- WEBSITE -->
-        <ons-list-item class="item" modifier="tappable" ng-click="about.openUrl('opalWebsite')">
+        <ons-list-item id="about-website-item" class="item" modifier="tappable" ng-click="about.openUrl('opalWebsite')">
             <ons-row align="center">
                 <ons-col width="60px" style="text-align: center">
                     <div>
@@ -41,7 +41,7 @@
         </ons-list-item>
 
         <!-- CONTRIBUTE -->
-        <ons-list-item class="item" modifier="tappable" ng-click="about.openUrl('donation', true)">
+        <ons-list-item id="about-contribute-item" class="item" modifier="tappable" ng-click="about.openUrl('donation', true)">
             <ons-row align="center">
                 <ons-col width="60px" style="text-align: center">
                     <div>
@@ -58,7 +58,7 @@
         </ons-list-item>
 
         <!-- CONTACT SUPPORT -->
-        <ons-list-item class="item" modifier="tappable" ng-click="about.openUrl('support', true)">
+        <ons-list-item id="about-support-item" class="item" modifier="tappable" ng-click="about.openUrl('support', true)">
             <ons-row align="center">
                 <ons-col width="60px" style="text-align: center">
                     <div>
@@ -75,7 +75,7 @@
         </ons-list-item>
 
         <!-- TECHNICAL / LEGAl -->
-        <ons-list-item class="item" modifier="tappable chevron" ng-click="about.openTechnicalLegal()">
+        <ons-list-item id="about-technical-legal-item" class="item" modifier="tappable chevron" ng-click="about.openTechnicalLegal()">
             <ons-row align="center">
                 <ons-col width="60px" style="text-align: center">
                     <span class="fa-layers fa-2x">
diff --git a/src/views/home/checkin/checkin-list.html b/src/views/home/checkin/checkin-list.html
index 237791419..67231ecb3 100644
--- a/src/views/home/checkin/checkin-list.html
+++ b/src/views/home/checkin/checkin-list.html
@@ -25,7 +25,7 @@
         <ons-list-header class="default-list-header" ng-class="fontSizeTitle" style="padding:10px;">
             {{patient.patientHeader}}
         </ons-list-header>
-        <ons-list-item modifier="tappable chevron" ng-repeat="app in patient.apps" ng-click="checkIn.goToAppointment(app)">
+        <ons-list-item id="checkin-appointment-{{$index}}-item" modifier="tappable chevron" ng-repeat="app in patient.apps" ng-click="checkIn.goToAppointment(app)">
 
             <!-----------------------------------------------------------------
             The appointment will show the status according to its checkin status,
@@ -98,7 +98,7 @@
             </ons-row>
         </ons-list-item>
         <ons-list-item ng-if="!patient.allCheckedIn" class="item-btn">
-            <ons-button ng-class="fontSizeTitle" class="checkin-btn"
+            <ons-button id="checkin-all-btn" ng-class="fontSizeTitle" class="checkin-btn"
                         ng-click="checkIn.checkIntoAppointments(patientSerNum)"
                         ng-disabled="checkIn.patientHasAppointmentLoading(patient)">
                 {{"CHECKIN_ALL_TODAY"|translate}}
diff --git a/src/views/home/home.html b/src/views/home/home.html
index e5d2e7d69..3a67c4844 100644
--- a/src/views/home/home.html
+++ b/src/views/home/home.html
@@ -7,7 +7,7 @@
 <ons-page ng-controller="HomeController as Ctrl" ng-device-backbutton="Ctrl.homeDeviceBackButton()">
     <generic-toolbar title="{{'HEADER_MESSAGE_HOME'|translate}}" back-button="false" style-class="fontSizeTitle">
         <right-content>
-            <ons-toolbar-button ng-click="homeNavigator.pushPage('views/tabs/info-page-tabs.html', {id:'home'})"><ons-icon icon="fa-info-circle"></ons-icon></ons-toolbar-button>
+            <ons-toolbar-button id="toolbar-home-info-btn" ng-click="homeNavigator.pushPage('views/tabs/info-page-tabs.html', {id:'home'})"><ons-icon icon="fa-info-circle"></ons-icon></ons-toolbar-button>
         </right-content>
     </generic-toolbar>
 
@@ -42,7 +42,7 @@
             PARTNERS
             ================================
             -->
-            <ons-list-item modifier="chevron tappable" class="item" ng-click="Ctrl.goToPartners()">
+            <ons-list-item id="home-partners-item" modifier="chevron tappable" class="item" ng-click="Ctrl.goToPartners()">
                 <ons-row align="center">
                     <ons-col class="home-view--list--icon">
                         <ons-icon icon="fa-star" size="28px" style="color:#FFEB3B"></ons-icon>
@@ -60,7 +60,7 @@
             ABOUT OPAL
             ================================
             -->
-            <ons-list-item modifier="chevron tappable" class="item" ng-click="Ctrl.goToAboutOpal()">
+            <ons-list-item id="home-about-opal-item" modifier="chevron tappable" class="item" ng-click="Ctrl.goToAboutOpal()">
                 <ons-row align="center">
                     <ons-col class="home-view--list--icon">
                         <img class="home-view--opal--logo" src="img/Opal_Logo_Transparent_Inverse_Icon.png">
@@ -78,7 +78,7 @@
             NOTIFICATIONS
             ================================
             -->
-            <ons-list-item modifier="chevron" class="item" ng-if="Ctrl.allowedModules.hasOwnProperty('NTF') && Ctrl.allowedModules['NTF']" ng-click="homeNavigator.pushPage('views/personal/notifications/notifications.html')">
+            <ons-list-item id="home-notifications-item" modifier="chevron" class="item" ng-if="Ctrl.allowedModules.hasOwnProperty('NTF') && Ctrl.allowedModules['NTF']" ng-click="homeNavigator.pushPage('views/personal/notifications/notifications.html')">
                 <ons-row align="center">
                     <ons-col class="home-view--list--icon">
                         <ons-icon
@@ -148,7 +148,7 @@
             APPOINTMENT STATUS
             ================================
             -->
-            <ons-list-item modifier="chevron" class="item" ng-if="Ctrl.allowedModules.hasOwnProperty('APT') && Ctrl.allowedModules['APT']" ng-click="Ctrl.goToAppointments()">
+            <ons-list-item id="home-appointments-item" modifier="chevron" class="item" ng-if="Ctrl.allowedModules.hasOwnProperty('APT') && Ctrl.allowedModules['APT']" ng-click="Ctrl.goToAppointments()">
                 <ons-row align="center">
                     <ons-col class="home-view--list--icon">
                         <i class="fa-regular fa-calendar-days fa-2x" style="color: #ffc107"></i>
diff --git a/src/views/init/init-screen.html b/src/views/init/init-screen.html
index 93f0c367f..c35b9ef28 100644
--- a/src/views/init/init-screen.html
+++ b/src/views/init/init-screen.html
@@ -25,7 +25,7 @@
 
         <!-- PARTNERS -->
         <div class="initScreenButtonDiv">
-            <ons-button class="shadow-2 initScreenWhiteButton" modifier="large"
+            <ons-button id="init-partners-btn" class="shadow-2 initScreenWhiteButton" modifier="large"
                         ng-click="init.goToPartners()" var="initButton">
                 <ons-icon icon="fa-star fa-lg pull-left"
                           style="color:#FFEB3B; display: inline-block"></ons-icon>
@@ -37,7 +37,7 @@
 
         <!-- ABOUT OPAL -->
         <div class="initScreenButtonDiv">
-            <ons-button class="shadow-2 initScreenWhiteButton" modifier="large"
+            <ons-button id="init-about-opal-btn" class="shadow-2 initScreenWhiteButton" modifier="large"
                         ng-click="init.goToAboutOpal()" var="initButton">
                 <ons-row align="center">
                     <ons-col width="60px" align="center">
@@ -52,7 +52,7 @@
 
         <!-- TECHNICAL / LEGAL -->
         <div class="initScreenButtonDiv">
-            <ons-button class="shadow-2 initScreenWhiteButton" modifier="large"
+            <ons-button id="init-legal-btn" class="shadow-2 initScreenWhiteButton" modifier="large"
                         ng-click="init.goToTechnicalLegal()" var="initButton">
                 <i class="fa fa-info-circle fa-lg pull-left"
                           style="color:grey; display: inline-block"></i>
@@ -64,7 +64,7 @@
 
         <!-- REGISTER OPAL -->
         <div class="initScreenButtonDiv">
-            <ons-button class="shadow-2 initScreenWhiteButton" modifier="large"
+            <ons-button id="init-register-btn" class="shadow-2 initScreenWhiteButton" modifier="large"
                         ng-click="init.goToRegister()" var="initButton">
                 <i class="fa fa-user-circle fa-lg pull-left"
                    style="color:#4CAF50; display: inline-block"></i>
@@ -76,7 +76,7 @@
 
         <!-- SIGN IN -->
         <div class="initScreenButtonDiv">
-            <ons-button class="animate__animated animate__pulse ng-cloak shadow-2 initScreenGreenButton" modifier="large"
+            <ons-button id="init-signin-btn" class="animate__animated animate__pulse ng-cloak shadow-2 initScreenGreenButton" modifier="large"
                         ng-click="init.goToLogin()" var="initButton">{{"HEADER_MESSAGE_LOGIN"|translate}}
             </ons-button>
         </div>
diff --git a/src/views/init/technical-legal.html b/src/views/init/technical-legal.html
index 8e9ca8b3a..4946baebb 100644
--- a/src/views/init/technical-legal.html
+++ b/src/views/init/technical-legal.html
@@ -8,29 +8,29 @@
     <generic-toolbar title="{{'TECHNICAL_LEGAL'|translate}}" style-class="fontSizeTitle"></generic-toolbar>
 
     <ons-list class="settings-list" ng-class="fontSizeDesc">
-        <ons-list-item modifier = "chevron" ng-hide="init.navigatorName == 'initNavigator'" ng-click="init.goToFeedback()">
+        <ons-list-item id="technical-legal-feedback-item" modifier = "chevron" ng-hide="init.navigatorName == 'initNavigator'" ng-click="init.goToFeedback()">
             {{"FEEDBACK"|translate}}
         </ons-list-item>
-        <ons-list-item ng-click="init.openSecurityAndPrivacy()">
+        <ons-list-item id="technical-legal-security-privacy-item" ng-click="init.openSecurityAndPrivacy()">
             {{"SECURITY_AND_PRIVACY"|translate}}
             <ons-icon icon="ion-android-open" style="color:#ddd; padding: 10px 5px" class="pull-right" size="1.2em">
             </ons-icon>
         </ons-list-item>
-        <ons-list-item modifier="chevron" ng-click="init.openPageLegal('termsOfUse')">
+        <ons-list-item id="technical-legal-terms-of-use-item" modifier="chevron" ng-click="init.openPageLegal('termsOfUse')">
             {{"TERMS_OF_USE"|translate}}
         </ons-list-item>
-        <ons-list-item modifier="chevron" ng-click="init.openPageLegal('serviceAgreement')">
+        <ons-list-item id="technical-legal-service-agreement-item" modifier="chevron" ng-click="init.openPageLegal('serviceAgreement')">
             {{"SERVICE_AGREEMENT"|translate}}
         </ons-list-item>
-        <ons-list-item modifier="chevron" ng-click="init.goToLicense()">
+        <ons-list-item id="technical-legal-license-item" modifier="chevron" ng-click="init.goToLicense()">
             {{"LICENSE"|translate}}
         </ons-list-item>
-        <ons-list-item ng-click="init.openSourceLink()">
+        <ons-list-item id="technical-legal-open-source-item" ng-click="init.openSourceLink()">
             {{"OPAL_OPEN_SOURCE"|translate}}
             <ons-icon icon="ion-android-open" style="color:#ddd; padding: 10px 5px" class="pull-right" size="1.2em">
             </ons-icon>
         </ons-list-item>
-        <ons-list-item modifier="chevron" ng-click="init.goToThirdParty()">
+        <ons-list-item id="technical-legal-third-party-item" modifier="chevron" ng-click="init.goToThirdParty()">
             {{"THIRD_PARTY"|translate}}
         </ons-list-item>
     </ons-list>
diff --git a/src/views/login/forgot-password.html b/src/views/login/forgot-password.html
index e684568b1..732719824 100644
--- a/src/views/login/forgot-password.html
+++ b/src/views/login/forgot-password.html
@@ -12,8 +12,8 @@
         <div class="form-group style-4">
             <form novalidate>
                 <label name="text">{{"ENTER_EMAIL"|translate}}</label>
-                <input class="forgot-password--email" type="email" required ng-model="vm.email" placeholder="{{'EMAIL'|translate}}"/>
-                <button class="shadow-2 button button--large button--large-green forgot-password--button"
+                <input id="forgot-password-email-input" class="forgot-password--email" type="email" required ng-model="vm.email" placeholder="{{'EMAIL'|translate}}"/>
+                <button id="forgot-password-submit-btn" class="shadow-2 button button--large button--large-green forgot-password--button"
                         ng-disabled="!vm.validateEmail(vm.email)" ng-click="vm.submitPasswordReset()">
                     {{"RESET_PASSWORD"|translate}}
                 </button>
diff --git a/src/views/login/login.html b/src/views/login/login.html
index 6134d3150..ded0c4e0d 100644
--- a/src/views/login/login.html
+++ b/src/views/login/login.html
@@ -14,15 +14,15 @@
                 <form style="text-align: center" novalidate>
                     <div>
                         <div style="width: 100%" class="style-4">
-                            <input placeholder='{{"EMAIL"|translate}}' name="email" ng-model="login.email" type="email" required ng-change=login.clearErrors()>
+                            <input id="login-email-input" placeholder='{{"EMAIL"|translate}}' name="email" ng-model="login.email" type="email" required ng-change=login.clearErrors()>
                         </div>
                         <br/>
                         <password-input>
-                            <input name="password" ng-model="login.password" placeholder='{{"PASSWORD"|translate}}' type="password" required ng-change="login.clearErrors()">
+                            <input id="login-password-input" name="password" ng-model="login.password" placeholder='{{"PASSWORD"|translate}}' type="password" required ng-change="login.clearErrors()">
                         </password-input>
                         <br/>
                         <!-- HOSPITAL SELECTOR -->
-                        <hospital-selector on-click="login.cancelLoginAttempt"></hospital-selector>
+                        <hospital-selector id="login-hospital-selector" on-click="login.cancelLoginAttempt"></hospital-selector>
 
                         <br/>
                         <div ng-show="login.alert.type">
@@ -34,13 +34,13 @@
                     <div id="trusted-flex-container">
                         <p id="trusted-text">{{"TRUST_DEVICE"|translate}}</p>
                         <span id="trusted-toggle">
-                             <ons-switch ng-disabled="login.loading" var="login.trustSwitch" ng-model="login.trusted"></ons-switch>
+                             <ons-switch id="login-trust-device-switch" ng-disabled="login.loading" var="login.trustSwitch" ng-model="login.trusted"></ons-switch>
                         </span>
                     </div>
                     <br>
 
                     <!-- LOGIN BUTTON -->
-                    <button class="shadow-2 button button--large button--large-green"
+                    <button id="login-submit-btn" class="shadow-2 button button--large button--large-green"
                             ng-click="login.submit()" ng-disabled="!login.isThereSelectedHospital() || login.loading">
                         <span ng-if="!login.loading">{{"LOGIN"|translate}}</span>
                         <span ng-if="login.loading">{{"LOGGING_IN"|translate}}<ons-icon icon="ion-load-d" spin="true"></ons-icon></span>
@@ -49,7 +49,7 @@
                 </form>
 
                 <!-- FORGOT PASSWORD -->
-                <button class="button button--large--quiet" ng-click="login.goToReset()">
+                <button id="login-forgot-password-btn" class="button button--large--quiet" ng-click="login.goToReset()">
                     {{"FORGOT_PASSWORD"|translate}}
                 </button>
             </div>
diff --git a/src/views/login/new-password.html b/src/views/login/new-password.html
index 15ab17cf4..c20217ab7 100644
--- a/src/views/login/new-password.html
+++ b/src/views/login/new-password.html
@@ -7,7 +7,7 @@
 <ons-page ng-controller="SetNewPasswordController as new">
     <generic-toolbar title="{{'NEW_PASSWORD'|translate}}" style-class="fontSizeTitle">
         <left-content>
-            <ons-back-button ng-hide="new.resetSuccess">{{"BACK"|translate}}</ons-back-button>
+            <ons-back-button id="new-password-back-btn" ng-hide="new.resetSuccess">{{"BACK"|translate}}</ons-back-button>
         </left-content>
     </generic-toolbar>
     <network-banner></network-banner>
@@ -52,7 +52,7 @@
                     </p>
 
                     <!-- NEW PASSWORD SUBMIT BUTTON -->
-                    <button class="shadow-2 button button--large button--large-green new-password--button"
+                    <button id="new-password-submit-btn" class="shadow-2 button button--large button--large-green new-password--button"
                             ng-click="new.submitNewPassword(newValue)"
                             ng-disabled="new.alert.type=='success' || !new.passwordIsValid || new.submitting || new.passwordConfirmationInvalid()"
                             ng-if="!new.resetSuccess">
@@ -64,7 +64,7 @@
                     </span>
                     </button>
 
-                    <button class="shadow-2 button button--large button--large-blue new-password--button"
+                    <button id="new-password-go-to-login-btn" class="shadow-2 button button--large button--large-blue new-password--button"
                                 ng-click="new.goToLogin()"
                                 ng-if="new.resetSuccess">
                         {{"GO_TO_LOGIN"|translate}}
diff --git a/src/views/login/popover-security.html b/src/views/login/popover-security.html
index 3085990bd..db88f85a8 100644
--- a/src/views/login/popover-security.html
+++ b/src/views/login/popover-security.html
@@ -10,6 +10,6 @@ <h3>{{"ATTENTION"|translate}}</h3>
         <i id="lock-logo" class="ion-locked" style="font-size:60px"></i>
         <p style="margin-top: 5%" class="secure-message">{{"SECURE_PHONE"|translate}}</p>
         <p class="unattended-message">{{"UNATTENDED"|translate}}</p>
-        <ons-button style="margin-top: 5%" ng-click="securityModal.hide(); firstLoginTourModal.show()">{{"CLOSE"|translate}}</ons-button>
+        <ons-button id="modal-security-close-btn" style="margin-top: 5%" ng-click="securityModal.hide(); firstLoginTourModal.show()">{{"CLOSE"|translate}}</ons-button>
     </div>
 </ons-modal>
diff --git a/src/views/login/security-question.html b/src/views/login/security-question.html
index c9b9bad9d..3009afaae 100644
--- a/src/views/login/security-question.html
+++ b/src/views/login/security-question.html
@@ -7,9 +7,9 @@
 <ons-page ng-controller="SecurityQuestionController as security" style="background-color:white">
     <ons-toolbar fixed-style>
         <div class="left" ng-style="security.iosStyleFix">
-            <ons-back-button
+            <ons-back-button id="security-question-back-btn"
                 ng-show="!security.passwordReset && !security.tooManyAttempts">{{"BACK"|translate}}</ons-back-button>
-            <ons-back-button ng-if="security.passwordReset"
+            <ons-back-button id="security-question-home-back-btn" ng-if="security.passwordReset"
                 ng-click="initNavigator.resetToPage('./views/init/init-screen.html',{animation:'none'});">{{"HOME"|translate}}</ons-back-button>
         </div>
         <div class="center" ng-style="security.iosStyleFix">
@@ -27,7 +27,7 @@
 
             <!-- HOSPITAL SELECTOR -->
             <div ng-if="security.passwordReset" class="container">
-                <hospital-selector></hospital-selector>
+                <hospital-selector id="password-reset-hospital-selector"></hospital-selector>
             </div>
 
             <!-- LOADING SPINNER -->
@@ -47,7 +47,7 @@
                                 autocomplete="new-password">
                         </password-input>
                     </div>
-                    <button class="button button--large shadow-2 button--large-green security-question--button"
+                    <button id="security-question-continue-btn" class="button button--large shadow-2 button--large-green security-question--button"
                         ng-disabled="security.submitting || security.tooManyAttempts"
                         ng-click="security.submitAnswer(security.answer)">
                         <span ng-if="!security.submitting">
@@ -58,7 +58,7 @@
                         </span>
                     </button>
 
-                    <uib-alert class="security-question--alert" ng-show="security.alert.type && security.alertShow"
+                    <uib-alert id="security-question-error" class="security-question--alert" ng-show="security.alert.type && security.alertShow"
                         type="{{security.alert.type}}">
                         {{security.alert.content|translate}}
                     </uib-alert>
@@ -70,9 +70,9 @@
         <h4>{{"RESET_ERROR"|translate}}</h4>
         <ons-icon icon="ion-alert-circled" size="60px"></ons-icon>
         <p class="unattended-message security-question--modal-text">{{"RETRY_RESET_MESSAGE"|translate}}</p>
-        <ons-button class="button--large-green security-question--modal-button"
+        <ons-button id="security-retry-btn" class="button--large-green security-question--modal-button"
             ng-click="security.goToReset()">{{"RETRY"|translate}}</ons-button>
-        <ons-button class="button--large-blue security-question--modal-button"
+        <ons-button id="security-home-btn" class="button--large-blue security-question--modal-button"
             ng-click="security.goToInit()">{{"HOME"|translate}}</ons-button>
     </ons-modal>
 </ons-page>
diff --git a/src/views/login/set-hospital.html b/src/views/login/set-hospital.html
index 02b378008..3ca406312 100644
--- a/src/views/login/set-hospital.html
+++ b/src/views/login/set-hospital.html
@@ -12,7 +12,7 @@
                 {{"SELECT_HOSPITAL"|translate}}
             </li>
             <li class="list__item list__item--tappable" ng-repeat="(key, hospital) in vm.hospitalList">
-                <label class="radio-button radio-button--list-item" ng-style="vm.styleHospitalDisabled(hospital)" ng-click="vm.showOptionalMessageOnClick(hospital)">
+                <label id="set-hospital-{{hospital.uniqueHospitalCode}}-item" class="radio-button radio-button--list-item" ng-style="vm.styleHospitalDisabled(hospital)" ng-click="vm.showOptionalMessageOnClick(hospital)">
                     <input type="radio" value="{{hospital.uniqueHospitalCode}}" ng-disabled="!hospital.enabled" ng-change="vm.saveSelectedHospital()" ng-model="vm.selectedHospitalCode">
                     <div class="radio-button__checkmark radio-button--list-item__checkmark"></div>
                     {{hospital.fullName|translate}} ({{hospital.acronym|translate}})
diff --git a/src/views/personal/appointments/about-appointment.html b/src/views/personal/appointments/about-appointment.html
index 69fa2451d..6db0b936e 100644
--- a/src/views/personal/appointments/about-appointment.html
+++ b/src/views/personal/appointments/about-appointment.html
@@ -20,7 +20,7 @@
                 </div>
             </ons-list-item>
 
-            <ons-list-item modifier="chevron" class="item dark-chevron" ng-class="fontSizeDesc" ng-click="vm.moreEducationalMaterial()"
+            <ons-list-item id="appointment-more-edu-material-item" modifier="chevron" class="item dark-chevron" ng-class="fontSizeDesc" ng-click="vm.moreEducationalMaterial()"
                            ng-show="vm.app['URL_' + vm.language]" style="background-color: #fde2ed" tappable>
                 <ons-row style="padding:0;margin:0;">
                     <ons-col>
diff --git a/src/views/personal/appointments/appointments.html b/src/views/personal/appointments/appointments.html
index caf9562e8..6902ce791 100644
--- a/src/views/personal/appointments/appointments.html
+++ b/src/views/personal/appointments/appointments.html
@@ -13,7 +13,7 @@
     <generic-toolbar title="{{'APPOINTMENTS'|translate}}" style-class="fontSizeTitle">
         <right-content>
             <!-- INFO BUTTON -->
-            <ons-toolbar-button ng-click="calendar.goToCalendarOptions()" style="margin-right: -10px">
+            <ons-toolbar-button id="toolbar-appointments-info-btn" ng-click="calendar.goToCalendarOptions()" style="margin-right: -10px">
                 <ons-icon icon="fa-info-circle"></ons-icon>
             </ons-toolbar-button>
 
@@ -68,7 +68,7 @@
                     ng-class="fontSizeTitle">{{calendar.todays_date|date:'fullDate'}}</ons-list-header>
                 <ons-list-header class="default-list-header" ng-if="calendar.showHeaderNormalDay"
                     ng-class="fontSizeTitle">{{app.ScheduledStartTime|date:'fullDate'}}</ons-list-header>
-                <ons-list-item modifier="chevron">
+                <ons-list-item id="appointment-{{$index}}-item" modifier="chevron">
                     <ons-row>
                         <ons-col align="center" width="64px">
                             <div align="center" style="line-height:1">
diff --git a/src/views/personal/appointments/individual-appointment.html b/src/views/personal/appointments/individual-appointment.html
index 78526bd83..c86f97fbe 100644
--- a/src/views/personal/appointments/individual-appointment.html
+++ b/src/views/personal/appointments/individual-appointment.html
@@ -46,7 +46,7 @@
 
             <!-- MAP -->
             <ons-list class="settings-list" align="center">
-                <ons-list-item ng-click="vm.openMap()" align="center">
+                <ons-list-item id="appointment-map-item" ng-click="vm.openMap()" align="center">
                     <div align="center" class="text-center" style="padding:5px">
                         <img ng-src="{{vm.app['MapUrl_'+ vm.language]}}" style="max-width:100%;height:auto">
                     </div>
diff --git a/src/views/personal/documents/documents.html b/src/views/personal/documents/documents.html
index 610a5c7ec..30a6c4924 100644
--- a/src/views/personal/documents/documents.html
+++ b/src/views/personal/documents/documents.html
@@ -28,7 +28,7 @@
             <ons-list-header class="default-list-header" ng-class="fontSizeTitle" ng-show="{{ docs.documents | showHeader : $index : 'CreatedTimeStamp' }}">
                 {{doc.CreatedTimeStamp|date:'longDate'}}
             </ons-list-header>
-            <ons-list-item modifier="chevron">
+            <ons-list-item id="document-{{$index}}-item" modifier="chevron">
 
                 <ons-row align="center" >
                     <ons-col width="60px" class="ons-col-icon">
diff --git a/src/views/personal/documents/individual-document.html b/src/views/personal/documents/individual-document.html
index a28f66ea7..c90892866 100644
--- a/src/views/personal/documents/individual-document.html
+++ b/src/views/personal/documents/individual-document.html
@@ -26,8 +26,8 @@ <h3>{{"WARNING"|translate}}</h3>
             <ons-icon icon="ion-alert-circled" size="60px"></ons-icon>
             <p style="margin-top: 5%" class="secure-message">{{"LEAVING_APP"|translate}}</p>
             <p class="unattended-message">{{"CONFIRM_DOWNLOAD"|translate}}</p>
-            <ons-button style="margin-top: 5%; font-size: 22px;" ng-click="modal.hide()">{{"CANCEL"|translate}}</ons-button>
-            <ons-button style="margin-top: 5%; margin-left: 50px; font-size: 22px; background-color: #F44336"
+            <ons-button id="modal-document-share-cancel-btn" style="margin-top: 5%; font-size: 22px;" ng-click="modal.hide()">{{"CANCEL"|translate}}</ons-button>
+            <ons-button id="modal-document-share-continue-btn" style="margin-top: 5%; margin-left: 50px; font-size: 22px; background-color: #F44336"
                         ng-click="modal.hide(); doc.share()">{{"CONTINUE"|translate}}
             </ons-button>
         </div>
@@ -40,9 +40,9 @@ <h3>{{"WARNING"|translate}}</h3>
             <ons-icon icon="ion-alert-circled" size="60px"></ons-icon>
             <p style="margin-top: 5%" class="secure-message">{{"LEAVING_APP"|translate}}</p>
             <p class="unattended-message">{{"CONFIRM_DOWNLOAD"|translate}}</p>
-            <ons-button style="margin-top: 5%; font-size: 22px;" ng-click="modalOpenViewer.hide()">{{"CANCEL"|translate}}
+            <ons-button id="modal-document-viewer-cancel-btn" style="margin-top: 5%; font-size: 22px;" ng-click="modalOpenViewer.hide()">{{"CANCEL"|translate}}
             </ons-button>
-            <ons-button style="margin-top: 5%; margin-left: 50px; font-size: 22px; background-color: #F44336"
+            <ons-button id="modal-document-viewer-continue-btn" style="margin-top: 5%; margin-left: 50px; font-size: 22px; background-color: #F44336"
                         ng-click="modalOpenViewer.hide(); doc.openPDF()">{{"CONTINUE"|translate}}
             </ons-button>
         </div>
diff --git a/src/views/personal/documents/info-popover.html b/src/views/personal/documents/info-popover.html
index 941e162f4..f1f828055 100644
--- a/src/views/personal/documents/info-popover.html
+++ b/src/views/personal/documents/info-popover.html
@@ -16,17 +16,17 @@
             </ons-list-item>
 
             <div align="left">
-                <ons-list-item class="about-link item" modifier="tappable" ng-click="about()">
+                <ons-list-item id="document-about-item" class="about-link item" modifier="tappable" ng-click="about()">
                     <ons-icon icon="fas fa-info-circle" style="color:#444; margin-right:6px"></ons-icon>
                     {{"DOC_ABOUT"|translate}}
                 </ons-list-item>
 
-                <ons-list-item class="item" modifier="tappable" ng-click="warn()">
+                <ons-list-item id="document-share-item" class="item" modifier="tappable" ng-click="warn()">
                     <ons-icon icon="ion-android-share-alt" style="color:#444; margin-right:6px"></ons-icon>
                     {{"SHARE"|translate}}
                 </ons-list-item>
 
-                <ons-list-item class="item" modifier="tappable" ng-show="isAndroid()" ng-click="warn2()">
+                <ons-list-item id="document-open-external-item" class="item" modifier="tappable" ng-show="isAndroid()" ng-click="warn2()">
                     <ons-icon icon="ion-android-open" style="color:#444; margin-right:6px"></ons-icon>
                     {{"OPEN_EXTERNAL_VIEWER"|translate}}
                 </ons-list-item>
diff --git a/src/views/personal/education/education-booklet.html b/src/views/personal/education/education-booklet.html
index bfb7a5d81..7480d6e33 100644
--- a/src/views/personal/education/education-booklet.html
+++ b/src/views/personal/education/education-booklet.html
@@ -9,7 +9,7 @@
     <ons-toolbar fixed-style modifier="transparent">
 
         <div class="left">
-            <ons-back-button ng-show="!edu.isFullscreen" ng-click="edu.subClickBack()">
+            <ons-back-button id="education-booklet-back-btn" ng-show="!edu.isFullscreen" ng-click="edu.subClickBack()">
                 {{"BACK"|translate}}
             </ons-back-button>
             <span class="item-title" ng-class="fontSizeTitle" style="font-size:19px;padding-left:40px;padding-top:10px" ng-show="edu.isFullscreen">
@@ -18,13 +18,13 @@
         </div>
 
         <div class="center" >
-            <ons-toolbar-button ng-click="edu.goBack()" ng-show="!edu.isFullscreen" ng-disabled="edu.activeIndex==0" >
+            <ons-toolbar-button id="toolbar-booklet-prev-btn" ng-click="edu.goBack()" ng-show="!edu.isFullscreen" ng-disabled="edu.activeIndex==0" >
                 <i class="ion-chevron-left"></i>
             </ons-toolbar-button>
             <span ng-show="!edu.isFullscreen">
                 {{edu.activeIndex+1}} / {{edu.tableOfContents.length}}
             </span>
-            <ons-toolbar-button ng-disabled="activeIndex==(edu.tableOfContents.length-1)" ng-click="edu.goNext()" ng-show="!edu.isFullscreen">
+            <ons-toolbar-button id="toolbar-booklet-next-btn" ng-disabled="activeIndex==(edu.tableOfContents.length-1)" ng-click="edu.goNext()" ng-show="!edu.isFullscreen">
                 <i class="ion-chevron-right"></i>
             </ons-toolbar-button>
         </div>
@@ -34,7 +34,7 @@
                 <i class="ion-ios-list-outline" style="font-size:30px">
                 </i>
             </ons-toolbar-button>
-            <ons-toolbar-button ng-click="edu.fullScreenToggle()" ng-show="edu.isFullscreen" >
+            <ons-toolbar-button id="toolbar-booklet-fullscreen-btn" ng-click="edu.fullScreenToggle()" ng-show="edu.isFullscreen" >
                 <i class="ion-arrow-shrink" style="font-size:32px" ng-show="edu.isFullscreen"></i>
                 <i ng-show="!edu.isFullscreen" style="font-size:32px" class="ion-arrow-expand"></i>
             </ons-toolbar-button>
diff --git a/src/views/personal/education/education.html b/src/views/personal/education/education.html
index 25fbe1447..a1d5394bf 100644
--- a/src/views/personal/education/education.html
+++ b/src/views/personal/education/education.html
@@ -9,10 +9,10 @@
     <!-- TOOLBAR -->
     <generic-toolbar title="{{edu.pageTitle}}" style-class="fontSizeTitle">
         <left-content>
-            <ons-back-button>{{"BACK"| translate}}</ons-back-button>
+            <ons-back-button id="education-back-btn">{{"BACK"| translate}}</ons-back-button>
         </left-content>
         <right-content>
-            <ons-toolbar-button ng-click="edu.openInfoPage()" ng-if="edu.eduCategory==='clinical'">
+            <ons-toolbar-button id="toolbar-education-info-btn" ng-click="edu.openInfoPage()" ng-if="edu.eduCategory==='clinical'">
                 <ons-icon icon="fa-info-circle"></ons-icon>
             </ons-toolbar-button>
         </right-content>
@@ -51,7 +51,7 @@
             <ons-list-header class="default-list-header" ng-class="fontSizeTitle"
                 ng-show="{{edu.filteredEduMaterials | showHeader : $index : 'DateAdded' }}">
                 {{edumaterial.DateAdded|date:'fullDate'}}</ons-list-header>
-            <ons-list-item modifier="chevron" class="item">
+            <ons-list-item id="education-material-{{$index}}-item" modifier="chevron" class="item">
                 <ons-row align="center">
                     <ons-col width="60px" class="ons-col-icon">
                         <div>
diff --git a/src/views/personal/education/individual-material.html b/src/views/personal/education/individual-material.html
index 9d5ee7f7a..066cac325 100644
--- a/src/views/personal/education/individual-material.html
+++ b/src/views/personal/education/individual-material.html
@@ -8,7 +8,7 @@
 <ons-page ng-controller="IndividualMaterialController as edu">
     <generic-toolbar title="{{edu.edumaterial.Type}}" style-class="fontSizeTitle">
         <left-content>
-            <div class="left"><ons-back-button ng-click="edu.clickBack()">{{"BACK"|translate}}</ons-back-button></div>
+            <div class="left"><ons-back-button id="education-material-back-btn" ng-click="edu.clickBack()">{{"BACK"|translate}}</ons-back-button></div>
         </left-content>
         <right-content>
             <ons-toolbar-button ng-click="popoverSharing.show('#buttonShareMaterial');" id="buttonShareMaterial" ng-if="edu.isShareable()">
@@ -48,7 +48,7 @@
             <!-- Download icon and button -->
             <div ng-show="!edu.loadingContents" class="item" ng-click="edu.openPDF()" align="center">
                 <i class="fa-regular fa-file-pdf animate__animated animate__swing" style="color:#4282CC; margin-top:25%; font-size:100px"></i>
-                <br><ons-button ng-class="fontSizeDesc" style="margin-top:30px">{{"OPEN_PDF" | translate}}</ons-button>
+                <br><ons-button id="education-open-pdf-btn" ng-class="fontSizeDesc" style="margin-top:30px">{{"OPEN_PDF" | translate}}</ons-button>
             </div>
         </div>
 
@@ -56,7 +56,7 @@
         <div ng-if="edu.displayType === 'link'" style="background-color: #F9F9F9">
             <div class="item" ng-click="edu.goToEducationalMaterial()" align="center">
                 <ons-icon class="animate__animated animate__swing" icon="ion-android-open" size="100px" style="color:#4282CC; margin-top:25%;"></ons-icon>
-                <br><ons-button ng-class="fontSizeDesc" style="margin-top:20px">{{"OPEN_LINK" | translate}}</ons-button>
+                <br><ons-button id="education-open-link-btn" ng-class="fontSizeDesc" style="margin-top:20px">{{"OPEN_LINK" | translate}}</ons-button>
             </div>
         </div>
 
@@ -78,7 +78,7 @@
             </div>
 
             <!-- Contents -->
-            <ons-list-item modifier="chevron" class="item" ng-repeat = "e in edu.edumaterial.PackageContents" ng-click="edu.goInPackage(e)">
+            <ons-list-item id="education-package-content-{{$index}}-item" modifier="chevron" class="item" ng-repeat = "e in edu.edumaterial.PackageContents" ng-click="edu.goInPackage(e)">
                 <ons-row align="center">
                     <ons-col width="60px" align="center">
                         <div>
@@ -98,7 +98,7 @@
         <!-- Booklet: table of contents -->
         <ons-list style="margin: 10px 0 0 0" ng-if="edu.displayType === 'booklet'">
             <ons-list-header class="default-list-header" ng-class="fontSizeTitle">{{"TABLE_OF_CONTENTS"|translate}}</ons-list-header>
-            <ons-list-item modifier="chevron" ng-repeat= "edumaterial in edu.tableOfContents" class="item" ng-click="edu.goToEducationalMaterial($index)">
+            <ons-list-item id="education-toc-{{$index}}-item" modifier="chevron" ng-repeat= "edumaterial in edu.tableOfContents" class="item" ng-click="edu.goToEducationalMaterial($index)">
                 <ons-row align="center">
                     <ons-col width="60px" align="center">
                         <div style="margin-left:20px">
diff --git a/src/views/personal/education/material-rating-template.html b/src/views/personal/education/material-rating-template.html
index ee867b7c6..ed1209041 100644
--- a/src/views/personal/education/material-rating-template.html
+++ b/src/views/personal/education/material-rating-template.html
@@ -11,7 +11,7 @@
     <span style="display:inline-block;opacity:0.5" ng-repeat="star in rate" ng-click="rateMaterial($index)">
             <i ng-class="star.Icon" style="font-size:35px;color:#DAA520" ></i>
         </span>
-    <span style="margin:10px"><ons-button ng-click="submit()" ng-disabled="emptyRating">{{"RATE_IT" | translate}}</ons-button></span>
+    <span style="margin:10px"><ons-button id="education-rate-btn" ng-click="submit()" ng-disabled="emptyRating">{{"RATE_IT" | translate}}</ons-button></span>
 </div>
 <div ng-show="submitted" style="margin-top:5px">
     <p style="color:#5cb85c;opacity:0.8;">{{"THANK_YOU_FOR_FEEDBACK"|translate}}</p>
diff --git a/src/views/personal/education/share-popover.html b/src/views/personal/education/share-popover.html
index ff12ab818..246ef214c 100644
--- a/src/views/personal/education/share-popover.html
+++ b/src/views/personal/education/share-popover.html
@@ -7,7 +7,7 @@
 <ons-popover direction="up down" cancelable animation="none" style="min-height:30px">
     <div style="text-align: center">
         <ons-list>
-            <ons-list-item class="item" modifier="tappable" ng-click="popoverSharing.hide(); share()">
+            <ons-list-item id="education-share-item" class="item" modifier="tappable" ng-click="popoverSharing.hide(); share()">
                 <ons-row ng-class="fontSizeDesc" style="padding:0;margin:0;height:30px" align="center">
                     <ons-icon icon="ion-android-share-alt" style="color:#444; margin-right:10px"></ons-icon>
                     <span>{{"SHARE"|translate}}</span>
diff --git a/src/views/personal/education/table-contents-popover.html b/src/views/personal/education/table-contents-popover.html
index d0871835c..0b7f33214 100644
--- a/src/views/personal/education/table-contents-popover.html
+++ b/src/views/personal/education/table-contents-popover.html
@@ -10,7 +10,7 @@ <h3>{{contentsEduBooklet.Booklet.Name}}</h3>
        <rate-material ser-num="contentsEduBooklet.Booklet.EducationalMaterialControlSerNum"></rate-material>
        <ons-list style="margin: 10px 0 0 0">
     <ons-list-header class="default-list-header" ng-class="fontSizeTitle" >{{"TABLE_OF_CONTENTS"|translate}}</ons-list-header>
-    <ons-list-item modifier="chevron" ng-repeat= "edumaterial in contentsEduBooklet.TableOfContents" class="item gpu_efficiency" ng-click="goToSectionBooklet($index)" >
+    <ons-list-item id="education-booklet-section-{{$index}}-item" modifier="chevron" ng-repeat= "edumaterial in contentsEduBooklet.TableOfContents" class="item gpu_efficiency" ng-click="goToSectionBooklet($index)" >
         <ons-row align="center">
             <ons-col width="60px" align="center">
                 <div style="margin-left:20px">
diff --git a/src/views/personal/ips/ips-preview-share.html b/src/views/personal/ips/ips-preview-share.html
index 5ad13c6b9..5dd674240 100644
--- a/src/views/personal/ips/ips-preview-share.html
+++ b/src/views/personal/ips/ips-preview-share.html
@@ -47,7 +47,7 @@ <h3 class="panel-title">{{"PREVIEW"|translate}}</h3>
         </div>
 
         <!-- BUTTON TO OPEN IN AN EXTERNAL BROWSER -->
-        <button class="button button--large shadow-2 button--large-blue ips--button-external"
+        <button id="ips-open-external-btn" class="button button--large shadow-2 button--large-blue ips--button-external"
                 ng-click="vm.openIpsExternally()">
             <ons-col>
                 {{"IPS_OPEN_EXTERNAL"|translate}}
diff --git a/src/views/personal/notifications/notifications-popover.html b/src/views/personal/notifications/notifications-popover.html
index 50b001957..8f5476a46 100644
--- a/src/views/personal/notifications/notifications-popover.html
+++ b/src/views/personal/notifications/notifications-popover.html
@@ -6,7 +6,7 @@
 
 <ons-popover cancelable modifier="android" style="min-height:10px">
     <ons-list>
-        <ons-list-item class="item" modifier="tappable" ng-click="markAllRead()">
+        <ons-list-item id="notifications-mark-all-read-item" class="item" modifier="tappable" ng-click="markAllRead()">
             <p ng-class="fontSizeDesc">
                 <ons-icon icon="fa-check-square" style="color:grey"></ons-icon>
                 <span>{{"MARK_ALL_READ"|translate}}</span>
diff --git a/src/views/personal/notifications/notifications.html b/src/views/personal/notifications/notifications.html
index e37146a0b..ab21b72ad 100644
--- a/src/views/personal/notifications/notifications.html
+++ b/src/views/personal/notifications/notifications.html
@@ -42,7 +42,7 @@
             <ons-list-header class="default-list-header" ng-show="{{ notif.notifications | showHeader : $index : 'DateAdded' }}" ng-class="fontSizeTitle">
                 {{notification.DateAdded|date:'fullDate'}}
             </ons-list-header>
-            <ons-list-item modifier="chevron" class="item">
+            <ons-list-item id="notification-{{$index}}-item" modifier="chevron" class="item">
                 <ons-row align="center">
                     <ons-col width="70px" class="ons-col-icon">
                         <i class="fa18x" ng-class="notification.Icon" ng-style="{color: notification.Color}"></i>
diff --git a/src/views/personal/personal.html b/src/views/personal/personal.html
index a14baba58..fbdbf70c0 100644
--- a/src/views/personal/personal.html
+++ b/src/views/personal/personal.html
@@ -7,7 +7,7 @@
 <ons-page ng-controller="PersonalTabController as tab" ng-device-backbutton="tab.personalDeviceBackButton()">
     <profile-selector refresh-function="tab.getDisplayData">
         <right-content>
-            <ons-toolbar-button ng-click="personalNavigator.pushPage('views/tabs/info-page-tabs.html', {id:'chart'})">
+            <ons-toolbar-button id="toolbar-personal-info-btn" ng-click="personalNavigator.pushPage('views/tabs/info-page-tabs.html', {id:'chart'})">
                 <ons-icon icon="fa-info-circle"></ons-icon>
             </ons-toolbar-button>
         </right-content>
@@ -19,7 +19,7 @@
     <network-banner></network-banner>
     <div>
         <ons-list style="margin: 0px 0">
-            <ons-list-item modifier="chevron"
+            <ons-list-item id="personal-diagnosis-item" modifier="chevron"
                 ng-if="tab.accessLevelAll && tab.allowedModules.hasOwnProperty('DIA') && tab.allowedModules['DIA']" class="item"
                 ng-click="personalNavigator.pushPage('views/personal/diagnosis/diagnosis.html')">
                 <ons-row align="center">
@@ -36,7 +36,7 @@
                     </ons-col>
                 </ons-row>
             </ons-list-item>
-            <ons-list-item modifier="chevron" class="item"
+            <ons-list-item id="personal-appointments-item" modifier="chevron" class="item"
                 ng-if="tab.allowedModules.hasOwnProperty('APT') && tab.allowedModules['APT']"
                 ng-click="personalNavigator.pushPage('views/personal/appointments/appointments.html')">
                 <ons-row align="center">
@@ -52,7 +52,7 @@
                     </ons-col>
                 </ons-row>
             </ons-list-item>
-            <ons-list-item modifier="chevron" class="item"
+            <ons-list-item id="personal-test-results-item" modifier="chevron" class="item"
                 ng-if="tab.accessLevelAll && tab.allowedModules.hasOwnProperty('LAB') && tab.allowedModules['LAB']"
                 ng-click="personalNavigator.pushPage('views/personal/test-results/test-results.html')">
                 <ons-row align="center">
@@ -69,7 +69,7 @@
                     </ons-col>
                 </ons-row>
             </ons-list-item>
-            <ons-list-item modifier="chevron" class="item"
+            <ons-list-item id="personal-documents-item" modifier="chevron" class="item"
                 ng-if="tab.accessLevelAll && tab.allowedModules.hasOwnProperty('DOC') && tab.allowedModules['DOC']"
                 ng-click="personalNavigator.pushPage('views/personal/documents/documents.html')">
                 <ons-row align="center">
@@ -88,7 +88,7 @@
             </ons-list-item>
 
             <!-- IPS -->
-            <ons-list-item modifier="chevron" class="item"
+            <ons-list-item id="personal-ips-item" modifier="chevron" class="item"
                 ng-if="tab.accessLevelAll && tab.allowedModules.hasOwnProperty('IPS') && tab.allowedModules['IPS']"
                 ng-click="personalNavigator.pushPage('views/personal/ips/ips-description.html')">
                 <ons-row align="center">
@@ -104,7 +104,7 @@
                 </ons-row>
             </ons-list-item>
 
-            <ons-list-item modifier="chevron" class="item"
+            <ons-list-item id="personal-team-messages-item" modifier="chevron" class="item"
                 ng-if="tab.allowedModules.hasOwnProperty('TTM') && tab.allowedModules['TTM']"
                 ng-click="personalNavigator.pushPage('views/personal/treatment-team-messages/team-messages.html')">
                 <ons-row align="center">
@@ -122,7 +122,7 @@
                     </ons-col>
                 </ons-row>
             </ons-list-item>
-            <ons-list-item modifier="chevron" class="item"
+            <ons-list-item id="personal-education-item" modifier="chevron" class="item"
                 ng-if="tab.allowedModules.hasOwnProperty('EDU') && tab.allowedModules['EDU']"
                 ng-click="tab.goToClinicalReference()">
                 <ons-row align="center">
@@ -139,7 +139,7 @@
                     </ons-col>
                 </ons-row>
             </ons-list-item>
-            <ons-list-item modifier="chevron" class="item"
+            <ons-list-item id="personal-questionnaires-item" modifier="chevron" class="item"
                 ng-if="tab.allowedModules.hasOwnProperty('QUE') && tab.allowedModules['QUE']"
                 ng-click="tab.goToClinicalQuestionnaire()">
                 <ons-row align="center">
@@ -158,7 +158,7 @@
                     </ons-col>
                 </ons-row>
             </ons-list-item>
-            <ons-list-item modifier="chevron" class="item"
+            <ons-list-item id="personal-research-item" modifier="chevron" class="item"
                 ng-if="tab.allowedModules.hasOwnProperty('RES') && tab.allowedModules['RES']"
                 ng-click="personalNavigator.pushPage('views/personal/research/research.html')">
                 <ons-row align="center">
@@ -176,7 +176,7 @@
                     </ons-col>
                 </ons-row>
             </ons-list-item>
-            <ons-list-item modifier="chevron" class="item"
+            <ons-list-item id="personal-smart-devices-item" modifier="chevron" class="item"
                 ng-if="tab.allowedModules.hasOwnProperty('SMD') && tab.allowedModules['SMD']"
                 ng-click="personalNavigator.pushPage('views/smartdevices/smartdevices.html')">
                 <ons-row align="center">
diff --git a/src/views/personal/questionnaires/answeredQuestionnaire.html b/src/views/personal/questionnaires/answeredQuestionnaire.html
index 4c14bf8ed..162fa053f 100644
--- a/src/views/personal/questionnaires/answeredQuestionnaire.html
+++ b/src/views/personal/questionnaires/answeredQuestionnaire.html
@@ -76,7 +76,7 @@ <h3><b><span style="color: darkmagenta" ng-class="fontSizeTitle">{{vm.questionna
 
         <!-- Submit button -->
         <div align="center" style="margin-top:15px; margin-bottom:10px">
-            <button class="button--large--cta" style="width:80%" ng-click="vm.submitQuestionnaire()"
+            <button id="questionnaire-submit-btn" class="button--large--cta" style="width:80%" ng-click="vm.submitQuestionnaire()"
                 ng-class="fontSizeDesc"
                 ng-disabled="!vm.submitAllowed || (vm.password == '' && vm.requirePassword) || (vm.isConsent && vm.consentStatus == null)">
                 {{vm.submitButtonText}}
@@ -209,7 +209,7 @@ <h3><b><span style="color: darkmagenta" ng-class="fontSizeTitle">{{vm.questionna
                         <div align="center"
                             ng-if="vm.questionnaire.status !== vm.allowedStatus.COMPLETED_QUESTIONNAIRE_STATUS">
                             <!-- need twice parent due to ng-repeat -->
-                            <button class="button" style="margin-bottom: 10px" ng-class="fontSizeDesc"
+                            <button id="questionnaire-edit-question-btn" class="button" style="margin-bottom: 10px" ng-class="fontSizeDesc"
                                 ng-click="vm.editQuestion($parent.$parent.$index, $index)">
                                 <i class="ion-chevron-left"></i>
                                 {{"QUESTIONNAIRE_GO_TO_QUESTION"|translate}}
diff --git a/src/views/personal/questionnaires/questionnaires.html b/src/views/personal/questionnaires/questionnaires.html
index a92cc5d02..dcdcbe661 100644
--- a/src/views/personal/questionnaires/questionnaires.html
+++ b/src/views/personal/questionnaires/questionnaires.html
@@ -289,7 +289,7 @@ <h4 ng-if="item.data.options[0].minAnswer === item.data.options[0].maxAnswer">
                         </div>
 
                         <div align="center" style="margin-top: 20px">
-                            <button class="button--large--cta" ng-click="vm.finishQuestionnaireFromQuestion();"
+                            <button id="questionnaire-finish-btn" class="button--large--cta" ng-click="vm.finishQuestionnaireFromQuestion();"
                                     ng-show="vm.questionnaire.status === vm.allowedStatus.IN_PROGRESS_QUESTIONNAIRE_STATUS && vm.editQuestion"
                                     style="width:80%">{{"GO_TO_SUMMARY"|translate}}
                             </button>
diff --git a/src/views/personal/research/research-studies/individual-study.html b/src/views/personal/research/research-studies/individual-study.html
index cdfd54916..e502b6420 100644
--- a/src/views/personal/research/research-studies/individual-study.html
+++ b/src/views/personal/research/research-studies/individual-study.html
@@ -7,7 +7,7 @@
 <ons-page ng-controller="IndividualStudiesController as stud">
     <ons-toolbar fixed-style>
         <div class="left">
-            <ons-back-button>{{"BACK"|translate}}</ons-back-button>
+            <ons-back-button id="individual-study-back-btn">{{"BACK"|translate}}</ons-back-button>
         </div>
         <div class="center" ng-class="fontSizeTitle">{{"STUDY"|translate}}</div>
     </ons-toolbar>
diff --git a/src/views/personal/research/research-studies/research-studies.html b/src/views/personal/research/research-studies/research-studies.html
index d06d3b3b7..0bb4eae0c 100644
--- a/src/views/personal/research/research-studies/research-studies.html
+++ b/src/views/personal/research/research-studies/research-studies.html
@@ -12,11 +12,11 @@
     <!-- TOOLBAR -->
     <generic-toolbar title="{{'STUDIES'|translate}}" style-class="fontSizeTitle">
         <left-content>
-            <ons-back-button>{{"BACK"|translate}}</ons-back-button>
+            <ons-back-button id="research-studies-back-btn">{{"BACK"|translate}}</ons-back-button>
         </left-content>
 
         <right-content>
-            <ons-toolbar-button ng-click="stud.openInfoPage()">
+            <ons-toolbar-button id="toolbar-studies-info-btn" ng-click="stud.openInfoPage()">
                 <ons-icon icon="fa-info-circle"></ons-icon>
             </ons-toolbar-button>
         </right-content>
@@ -28,7 +28,7 @@
         ng-hide="stud.noStudies">
         <ons-list-header class="default-list-header" ng-class="fontSizeTitle" ng-show="stud.showHeader($index)">
             {{study.creationDate|date:'fullDate'}}</ons-list-header>
-        <ons-list-item modifier="chevron" ng-click="stud.openStudy(study)" ng-repeat-end>
+        <ons-list-item id="research-study-{{$index}}-item" modifier="chevron" ng-click="stud.openStudy(study)" ng-repeat-end>
             <ons-row>
                 <ons-col width="5px"></ons-col>
                 <ons-col width="60px" align="center" style="text-align: center">
diff --git a/src/views/personal/research/research.html b/src/views/personal/research/research.html
index d1954d18d..41a38dd2b 100644
--- a/src/views/personal/research/research.html
+++ b/src/views/personal/research/research.html
@@ -9,11 +9,11 @@
     <!-- TOOLBAR -->
     <generic-toolbar title="{{'RESEARCH'|translate}}" style-class="fontSizeTitle">
         <left-content>
-            <ons-back-button>{{"BACK"|translate}}</ons-back-button>
+            <ons-back-button id="research-back-btn">{{"BACK"|translate}}</ons-back-button>
         </left-content>
 
         <right-content>
-            <ons-toolbar-button ng-click="tab.openInfoPage()">
+            <ons-toolbar-button id="toolbar-research-info-btn" ng-click="tab.openInfoPage()">
                 <ons-icon icon="fa-info-circle"></ons-icon>
             </ons-toolbar-button>
         </right-content>
@@ -22,7 +22,7 @@
     <network-banner></network-banner>
 
     <ons-list style="margin: 0px 0">
-        <ons-list-item modifier="chevron" class="item" ng-click="tab.openResearchStudies()"
+        <ons-list-item id="research-studies-item" modifier="chevron" class="item" ng-click="tab.openResearchStudies()"
             ng-if="tab.allowedModules.hasOwnProperty('STU') && tab.allowedModules['STU']">
             <ons-row align="center">
                 <ons-col width="60px" style="text-align: center">
@@ -38,7 +38,7 @@
                 </ons-col>
             </ons-row>
         </ons-list-item>
-        <ons-list-item modifier="chevron" class="item" ng-click="tab.openReferenceMaterial()"
+        <ons-list-item id="research-reference-material-item" modifier="chevron" class="item" ng-click="tab.openReferenceMaterial()"
             ng-if="tab.allowedModules.hasOwnProperty('REF') && tab.allowedModules['REF']">
             <ons-row align="center">
 
@@ -57,7 +57,7 @@
                 </ons-col>
             </ons-row>
         </ons-list-item>
-        <ons-list-item modifier="chevron" class="item" ng-click="tab.openResearchQuestionnaires()"
+        <ons-list-item id="research-questionnaires-item" modifier="chevron" class="item" ng-click="tab.openResearchQuestionnaires()"
             ng-if="tab.allowedModules.hasOwnProperty('RQU') && tab.allowedModules['RQU']">
             <ons-row align="center">
                 <ons-col width="60px" style="text-align: center">
@@ -75,7 +75,7 @@
                 </ons-col>
             </ons-row>
         </ons-list-item>
-        <ons-list-item modifier="chevron" class="item" ng-click="tab.openConsentForms()"
+        <ons-list-item id="research-consent-forms-item" modifier="chevron" class="item" ng-click="tab.openConsentForms()"
             ng-if="tab.allowedModules.hasOwnProperty('CON') && tab.allowedModules['CON']">
             <ons-row align="center">
                 <ons-col width="60px" style="text-align: center">
@@ -94,7 +94,7 @@
                 </ons-col>
             </ons-row>
         </ons-list-item>
-        <ons-list-item modifier="chevron" class="item"
+        <ons-list-item id="research-feedback-item" modifier="chevron" class="item"
                            ng-if="tab.allowedModules.hasOwnProperty('RFE') && tab.allowedModules['RFE']"
                            ng-click="tab.openResearchFeedback()">
                 <ons-row align="center">
diff --git a/src/views/personal/test-results/test-results-by-type.html b/src/views/personal/test-results/test-results-by-type.html
index eeadaddb1..34731f2a1 100755
--- a/src/views/personal/test-results/test-results-by-type.html
+++ b/src/views/personal/test-results/test-results-by-type.html
@@ -212,7 +212,7 @@
                 <h3>Attention!</h3>
                 <ons-icon icon="ion-alert-circled" size="60px"></ons-icon>
                 <p style="margin-top: 5%" class="unattended-message">{{"LEAVING_APP_LABS"|translate}}</p>
-                <ons-button style="margin-top: 5%" ng-click="disclaimerModal.hide(); testTypeCtrl.goToUrl()">
+                <ons-button id="modal-lab-disclaimer-ok-btn" style="margin-top: 5%" ng-click="disclaimerModal.hide(); testTypeCtrl.goToUrl()">
                     {{"OK"|translate}}
                 </ons-button>
             </div>
diff --git a/src/views/personal/test-results/test-results.html b/src/views/personal/test-results/test-results.html
index 4249b2962..a8dbf16b9 100755
--- a/src/views/personal/test-results/test-results.html
+++ b/src/views/personal/test-results/test-results.html
@@ -64,7 +64,7 @@
                                                 )
                                             }}
                             </ons-list-header>
-                            <ons-list-item
+                            <ons-list-item id="test-result-by-date-{{$index}}-item"
                                     ng-click="tests.goToTestDateResults(testDate.collectedDateTime)"
                                     modifier="chevron tappable" class="list-item-container">
                                 <ons-row align="center">
@@ -141,7 +141,7 @@
                 </div>
                 <ons-scroller-height>
                     <ons-list>
-                        <ons-list-item
+                        <ons-list-item id="test-result-by-type-{{$index}}-item"
                         modifier="tappable chevron"
                         ng-repeat="testResult in tests.testTypes | filter: tests.searchTestTypeText"
                         ng-click="tests.goToTestTypeResults(testResult.testExpressionSerNum)"
diff --git a/src/views/personal/treatment-team-messages/individual-team-message.html b/src/views/personal/treatment-team-messages/individual-team-message.html
index d944006b7..b6afb82c7 100644
--- a/src/views/personal/treatment-team-messages/individual-team-message.html
+++ b/src/views/personal/treatment-team-messages/individual-team-message.html
@@ -19,7 +19,7 @@
       </ons-list-item>
     </ons-list>
     <ons-list class="settings-list">
-      <ons-list-item class="item" ng-click="txTeam.openDocument()">
+      <ons-list-item id="team-message-document-item" class="item" ng-click="txTeam.openDocument()">
         <div align="left"><h4>{{"DEAR"|translate}} {{txTeam.FirstName|capitalizeFirstLetter}},</h4></div>
           <div ng-bind-html="txTeam.message.Body | trustHTML" style =" word-wrap: break-word;" ng-class="fontSizeDesc" ></div>
       </ons-list-item>
diff --git a/src/views/personal/treatment-team-messages/team-messages.html b/src/views/personal/treatment-team-messages/team-messages.html
index 940c33ac3..32b862d73 100644
--- a/src/views/personal/treatment-team-messages/team-messages.html
+++ b/src/views/personal/treatment-team-messages/team-messages.html
@@ -23,7 +23,7 @@
     <div ng-hide="txTeam.hideContent || txTeam.noMessages">
         <ons-list  ng-repeat="message in txTeam.txTeamMessages | orderBy:'-DateAdded'" ng-click="txTeam.goToTeamMessage(message)">
             <ons-list-header class="default-list-header" ng-class="fontSizeTitle" ng-show="{{ txTeam.txTeamMessages | showHeader : $index : 'DateAdded' }}">{{ message.DateAdded | date:'fullDate' }}</ons-list-header>
-            <ons-list-item modifier="chevron" class="item">
+            <ons-list-item id="team-message-{{$index}}-item" modifier="chevron" class="item">
                 <ons-row align="center" >
                     <ons-col width="60px" align="center">
                         <div style="margin-left:10px">
diff --git a/src/views/settings/caregivers.html b/src/views/settings/caregivers.html
index 994c89250..2c0e28eaf 100644
--- a/src/views/settings/caregivers.html
+++ b/src/views/settings/caregivers.html
@@ -7,7 +7,7 @@
 <ons-page style="background-color: white" ng-controller="CaregiversController as Ctrl" ng-cloak>
     <generic-toolbar title="{{'RELATIONSHIPS_CAREGIVERS'|translate}}" style-class="fontSizeTitle">
         <right-content>
-            <ons-toolbar-button ng-click="Ctrl.goToCaregiversInfo()">
+            <ons-toolbar-button id="toolbar-caregivers-info-btn" ng-click="Ctrl.goToCaregiversInfo()">
                 <ons-icon icon="fa-info-circle"></ons-icon>
             </ons-toolbar-button>
         </right-content>
diff --git a/src/views/settings/info-page-relationship-type.html b/src/views/settings/info-page-relationship-type.html
index c0d8147af..f78f3368f 100644
--- a/src/views/settings/info-page-relationship-type.html
+++ b/src/views/settings/info-page-relationship-type.html
@@ -7,7 +7,7 @@
 <ons-page ng-controller="InfoTabController as info">
     <generic-toolbar title="{{'INFO'|translate}}" style-class="fontSizeTitle">
         <left-content>
-            <ons-back-button>{{"BACK"|translate}}</ons-back-button>
+            <ons-back-button id="settings-relationship-type-back-btn">{{"BACK"|translate}}</ons-back-button>
         </left-content>
     </generic-toolbar>
 
diff --git a/src/views/settings/patients.html b/src/views/settings/patients.html
index f0122cbed..f2d8ccde6 100644
--- a/src/views/settings/patients.html
+++ b/src/views/settings/patients.html
@@ -7,7 +7,7 @@
 <ons-page style="background-color: white" ng-controller="PatientsController as Ctrl" ng-cloak>
     <generic-toolbar title="{{'RELATIONSHIPS_PATIENTS'|translate}}" style-class="fontSizeTitle">
         <right-content>
-            <ons-toolbar-button ng-click="Ctrl.goToPatientsInfo()">
+            <ons-toolbar-button id="toolbar-patients-info-btn" ng-click="Ctrl.goToPatientsInfo()">
                 <ons-icon icon="fa-info-circle"></ons-icon>
             </ons-toolbar-button>
         </right-content>
diff --git a/src/views/settings/settings.html b/src/views/settings/settings.html
index fd515b10c..f7e16c556 100644
--- a/src/views/settings/settings.html
+++ b/src/views/settings/settings.html
@@ -26,46 +26,46 @@
     </div>
 
     <ons-list class="settings-list">
-        <ons-list-item modifier="chevron" ng-click="Ctrl.goToGeneralSettings()" ng-class="fontSizeDesc">
+        <ons-list-item id="settings-technical-legal-item" modifier="chevron" ng-click="Ctrl.goToGeneralSettings()" ng-class="fontSizeDesc">
             {{"TECHNICAL_LEGAL"|translate}}
         </ons-list-item>
     </ons-list>
     <div class="settings-header" ng-class="fontSizeTitle">{{"RELATIONSHIPS"|translate}}</div>
     <ons-list class="settings-list">
-        <ons-list-item modifier="chevron" ng-click="settingsNavigator.pushPage('views/settings/caregivers.html',{ animation : 'slide' } )" ng-class="fontSizeDesc">
+        <ons-list-item id="settings-caregivers-item" modifier="chevron" ng-click="settingsNavigator.pushPage('views/settings/caregivers.html',{ animation : 'slide' } )" ng-class="fontSizeDesc">
             {{"RELATIONSHIPS_CAREGIVERS"|translate}}
         </ons-list-item>
     </ons-list>
     <ons-list class="settings-list">
-        <ons-list-item modifier="chevron" ng-click="settingsNavigator.pushPage('views/settings/patients.html',{ animation : 'slide' } )" ng-class="fontSizeDesc">
+        <ons-list-item id="settings-patients-item" modifier="chevron" ng-click="settingsNavigator.pushPage('views/settings/patients.html',{ animation : 'slide' } )" ng-class="fontSizeDesc">
             {{"RELATIONSHIPS_PATIENTS"|translate}}
         </ons-list-item>
     </ons-list>
     <div class="settings-header" ng-class="fontSizeTitle">{{"PERSONAL"|translate}}</div>
     <ons-list class="settings-list">
-        <ons-list-item modifier="chevron" ng-click="settingsNavigator.pushPage('views/settings/update-account-field.html', {param:'PASSWORD'},{ animation : 'slide' } )" ng-class="fontSizeDesc">
+        <ons-list-item id="settings-password-item" modifier="chevron" ng-click="settingsNavigator.pushPage('views/settings/update-account-field.html', {param:'PASSWORD'},{ animation : 'slide' } )" ng-class="fontSizeDesc">
             {{"PASSWORD"|translate}}
         </ons-list-item>
     </ons-list>
 
     <ons-list class="settings-list">
-        <ons-list-item modifier="chevron" ng-click="settingsNavigator.pushPage('views/settings/update-security-question.html', { animation : 'slide' } )" ng-class="fontSizeDesc">
+        <ons-list-item id="settings-security-questions-item" modifier="chevron" ng-click="settingsNavigator.pushPage('views/settings/update-security-question.html', { animation : 'slide' } )" ng-class="fontSizeDesc">
             {{"SECURITY_QUESTIONS"|translate}}
         </ons-list-item>
     </ons-list>
 
     <div class="settings-header" ng-class="fontSizeTitle">{{"PREFERENCES"|translate}}</div>
     <ons-list>
-        <ons-list-item modifier="chevron" ng-if="Ctrl.multipleLanguageOptions" ng-click="Ctrl.goToUpdateAccountField('LANGUAGE', 'slide')" ng-class="fontSizeDesc">
+        <ons-list-item id="settings-language-item" modifier="chevron" ng-if="Ctrl.multipleLanguageOptions" ng-click="Ctrl.goToUpdateAccountField('LANGUAGE', 'slide')" ng-class="fontSizeDesc">
             {{"LANGUAGE"|translate}}
             <span class="list-item-note lucent">{{Ctrl.Language}}</span>
         </ons-list-item>
-        <ons-list-item modifier="chevron" ng-click="Ctrl.goToUpdateAccountField('FONTSIZE', 'slide')" ng-class="fontSizeDesc">
+        <ons-list-item id="settings-fontsize-item" modifier="chevron" ng-click="Ctrl.goToUpdateAccountField('FONTSIZE', 'slide')" ng-class="fontSizeDesc">
             {{"FONTSIZE"|translate}}
         </ons-list-item>
     </ons-list>
     <ons-list class="settings-list" ng-class="fontSizeDesc">
-        <ons-list-item ng-click="Ctrl.logOut()" modifier="tappable">
+        <ons-list-item id="settings-sign-out-item" ng-click="Ctrl.logOut()" modifier="tappable">
             {{"SIGN_OUT"|translate}}
             <ons-icon icon="fa-sign-out"  style="margin-top: 10px; color:#1284FF" class="pull-right"></ons-icon>
         </ons-list-item>
diff --git a/src/views/settings/update-account-field.html b/src/views/settings/update-account-field.html
index 80abdecde..7b5627228 100644
--- a/src/views/settings/update-account-field.html
+++ b/src/views/settings/update-account-field.html
@@ -64,7 +64,7 @@
                 </p>
 
                 <!-- NEW PASSWORD SUBMIT BUTTON -->
-                <button class="change-password--submit-button button button--large" ng-disabled="Ctrl.disableButton" ng-click="Ctrl.changePassword()">
+                <button id="update-password-submit-btn" class="change-password--submit-button button button--large" ng-disabled="Ctrl.disableButton" ng-click="Ctrl.changePassword()">
                     {{"UPDATE_PASSWORD_BUTTON"|translate}}
                 </button>
 
diff --git a/src/views/settings/update-security-question.html b/src/views/settings/update-security-question.html
index 30b568f04..717f8f884 100644
--- a/src/views/settings/update-security-question.html
+++ b/src/views/settings/update-security-question.html
@@ -73,7 +73,7 @@
 
         <!-- SUBMIT BUTTON -->
         <div align="center" class="update-security-question--spacing">
-            <button class="button--large--cta" style="width:80%; white-space: initial;" ng-click="vm.submit();" ng-class="fontSizeDesc"
+            <button id="update-security-question-submit-btn" class="button--large--cta" style="width:80%; white-space: initial;" ng-click="vm.submit();" ng-class="fontSizeDesc"
                     ng-disabled="vm.submitDisabled">{{"SUBMIT_AND_LOGOUT"|translate}}
             </button>
         </div>
diff --git a/src/views/smartdevices/devices/etekcity_scale.html b/src/views/smartdevices/devices/etekcity_scale.html
index e6db8b21d..614468d5c 100644
--- a/src/views/smartdevices/devices/etekcity_scale.html
+++ b/src/views/smartdevices/devices/etekcity_scale.html
@@ -77,7 +77,7 @@
                                 <p class="relationship-list--status" ng-class="fontSizeDesc">{{ device.id }}</p>
                             </div>
                             <div class="smartdevices-content--right" style="margin-left: 5vh;">
-                                <button class="shadow-2 button--large--cta" ng-click="ctrl.doSelectDevice(device)">
+                                <button id="device-select-etekcity-btn" class="shadow-2 button--large--cta" ng-click="ctrl.doSelectDevice(device)">
                                     <span>{{ "SMART_DEVICES_SELECT" | translate }}</span>
                                 </button>
                             </div>
diff --git a/src/views/smartdevices/devices/vitaltracer_watch.html b/src/views/smartdevices/devices/vitaltracer_watch.html
index d5ddbca37..aacd7a4a0 100644
--- a/src/views/smartdevices/devices/vitaltracer_watch.html
+++ b/src/views/smartdevices/devices/vitaltracer_watch.html
@@ -68,7 +68,7 @@
                                 <p class="relationship-list--status" ng-class="fontSizeDesc">{{ device.id }}</p>
                             </div>
                             <div class="smartdevices-content--right" style="margin-left: 5vh;">
-                                <button class="shadow-2 button--large--cta" ng-click="ctrl.doSelectDevice(device)">
+                                <button id="device-select-vitaltracer-btn" class="shadow-2 button--large--cta" ng-click="ctrl.doSelectDevice(device)">
                                     <span>{{ "SMART_DEVICES_SELECT" | translate }}</span>
                                 </button>
                             </div>
diff --git a/src/views/smartdevices/devices/xiaomi_scale.html b/src/views/smartdevices/devices/xiaomi_scale.html
index 1e1dac35c..4c82ba25b 100644
--- a/src/views/smartdevices/devices/xiaomi_scale.html
+++ b/src/views/smartdevices/devices/xiaomi_scale.html
@@ -77,7 +77,7 @@
                                 <p class="relationship-list--status" ng-class="fontSizeDesc">{{ device.id }}</p>
                             </div>
                             <div class="smartdevices-content--right" style="margin-left: 5vh;">
-                                <button class="shadow-2 button--large--cta" ng-click="ctrl.doSelectDevice(device)">
+                                <button id="device-select-xiaomi-btn" class="shadow-2 button--large--cta" ng-click="ctrl.doSelectDevice(device)">
                                     <span>{{ "SMART_DEVICES_SELECT" | translate }}</span>
                                 </button>
                             </div>
diff --git a/src/views/smartdevices/smartdevices.html b/src/views/smartdevices/smartdevices.html
index e3bd811f0..8707c46b2 100644
--- a/src/views/smartdevices/smartdevices.html
+++ b/src/views/smartdevices/smartdevices.html
@@ -7,7 +7,7 @@
 <ons-page ng-controller="SmartDevicesController as ctrl">
     <generic-toolbar title="{{'SMART_DEVICES'|translate}}" style-class="fontSizeTitle">
         <right-content>
-            <ons-toolbar-button ng-click="ctrl.showInfo()">
+            <ons-toolbar-button id="toolbar-smartdevices-info-btn" ng-click="ctrl.showInfo()">
                 <ons-icon icon="fa-info-circle"></ons-icon>
             </ons-toolbar-button>
         </right-content>
@@ -19,7 +19,7 @@
         <div ng-if="ctrl.bluetoothAvailable">
             <h3>{{"SMART_DEVICES_BLUETOOTH_DISABLED"|translate}}</h3>
             <p style="color:grey">{{"SMART_DEVICES_BLUETOOTH_PROMPT"|translate}}</p>
-            <button class="button--large--cta"
+            <button id="smartdevices-bluetooth-refresh-btn" class="button--large--cta"
                 ng-click="ctrl.refresh()">
                 <span>{{"SMART_DEVICES_BLUETOOTH_REFRESH"|translate}}</span>
             </button>
@@ -46,7 +46,7 @@ <h3>{{"SMART_DEVICES_BLUETOOTH_UNAVAILABLE"|translate}}</h3>
                     </div>
                 </ons-row>
             </ons-list-item>
-            <ons-list-item modifier="chevron" class="item"
+            <ons-list-item id="smartdevices-etekcity-item" modifier="chevron" class="item"
                 ng-click="ctrl.goToDevice('etekcity_scale.html')">
                 <ons-row align="center">
                     <div class="smartdevices-content">
@@ -60,7 +60,7 @@ <h3>{{"SMART_DEVICES_BLUETOOTH_UNAVAILABLE"|translate}}</h3>
                     </div>
                 </ons-row>
             </ons-list-item>
-            <ons-list-item modifier="chevron" class="item"
+            <ons-list-item id="smartdevices-xiaomi-item" modifier="chevron" class="item"
                 ng-click="ctrl.goToDevice('xiaomi_scale.html')">
                 <ons-row align="center">
                     <div class="smartdevices-content">
diff --git a/src/views/tabs/info-page-tabs.html b/src/views/tabs/info-page-tabs.html
index a001989a2..de9127e6e 100644
--- a/src/views/tabs/info-page-tabs.html
+++ b/src/views/tabs/info-page-tabs.html
@@ -7,7 +7,7 @@
 <ons-page ng-controller="InfoTabController as info">
     <generic-toolbar title="{{'INFO'|translate}}" style-class="fontSizeTitle">
         <left-content>
-            <ons-back-button>{{"BACK"|translate}}</ons-back-button>
+            <ons-back-button id="info-page-back-btn">{{"BACK"|translate}}</ons-back-button>
         </left-content>
     </generic-toolbar>