Refactors the header

e2e/dataInput.spec.js

@@ -98,7 +98,7 @@ describe('Symptom Data Input', () => {
       await navigateToSymptomView(symptom)
 
       let expectedSymptomSummary
-      await expect(element(by.id('symptomViewTitleName').and(by.text(symptom))))
+      await expect(element(by.id('headerTitle').and(by.text(symptom))))
         .toBeVisible()
 
       switch (symptom) {

e2e/date.spec.js

@@ -10,9 +10,9 @@ describe('Date', () => {
 
     await element(by.text('add data for today')).tap()
     await expect(
-      element(by.id('cycleDayTitleDate').and(by.text('today')))
+      element(by.id('headerTitle').and(by.text('today')))
     ).toBeVisible()
-    await element(by.id('previousDateButton')).tap()
+    await element(by.id('backButton')).tap()
     await element(by.id('drip-icon-bleeding')).tap()
 
     const today = LocalDate.now()
@@ -22,7 +22,7 @@ describe('Date', () => {
       .toLowerCase()
 
     await expect(
-      element(by.id('symptomViewTitleDate').and(by.text(yesterdayFormatted)))
+      element(by.id('headerSubtitle').and(by.text(yesterdayFormatted)))
     ).toBeVisible()
   })
 

e2e/homeNavigation.spec.js

@@ -1,6 +1,6 @@
 const isOnPage = async (page, parentPage) => {
   await expect(
-    element(by.id('pageTitle').and(by.text(page)))
+    element(by.id('headerTitle').and(by.text(page)))
   ).toBeVisible()
   await expect(
     element(
@@ -35,10 +35,10 @@ describe('Home Navigation', () => {
   it('should navigate to today bleeding symptom', async () => {
     await element(by.text('track your period')).tap()
     await expect(
-      element(by.id('symptomViewTitleName').and(by.text('bleeding')))
+      element(by.id('headerTitle').and(by.text('bleeding')))
     ).toBeVisible()
     await expect(
-      element(by.id('symptomViewTitleDate').and(by.text('today')))
+      element(by.id('headerSubtitle').and(by.text('today')))
     ).toBeVisible()
   })