Update E2E specs

Since there are multiple "default" options on the screen now,
I've specified to tap the first one. I also had to make sure to
scroll the screen before tapping the show picker button.

example/e2e/detoxTest.spec.js

@@ -168,6 +168,7 @@ describe('e2e tests', () => {
       await expect(elementById('overriddenTzName')).toHaveText('Europe/Prague');
 
       let timeZone = 'America/Vancouver';
+      await elementById('DateTimePickerScrollView').scrollTo('bottom');
       await waitFor(elementById('timezone')).toBeVisible().withTimeout(1000);
       await userSwipesTimezoneListUntilDesiredIsVisible(timeZone);
 
@@ -192,6 +193,7 @@ describe('e2e tests', () => {
 
     it('daylight saving should work properly', async () => {
       let timeZone = 'America/Vancouver';
+      await elementById('DateTimePickerScrollView').scrollTo('bottom');
       await waitFor(elementById('timezone')).toBeVisible().withTimeout(1000);
       await userSwipesTimezoneListUntilDesiredIsVisible(timeZone);
 

example/e2e/utils/actions.js

@@ -35,7 +35,7 @@ async function userOpensPicker({
   await elementById('DateTimePickerScrollView').scrollTo('top');
 
   await element(by.text(mode)).tap();
-  await element(by.text(display)).tap();
+  await element(by.text(display)).atIndex(0).tap();
   if (interval) {
     await element(by.text(String(interval))).tap();
   }
@@ -47,6 +47,7 @@ async function userOpensPicker({
   if (firstDayOfWeek) {
     await element(by.id(firstDayOfWeek)).tap();
   }
+  await elementById('DateTimePickerScrollView').scrollTo('bottom');
   await element(by.id('showPickerButton')).tap();
 }