Add more tests for dateTimePicker

Author: Dimitar Todorov

demo-angular/e2e/helper.ts

@@ -4,45 +4,56 @@ import { runType } from "nativescript-dev-appium/lib/parser";
 const isAndroid: boolean = runType.includes("android");
 const optionsText = "Options";
 const moreOptionsID = "More options";
+let driver: AppiumDriver;
 
-export function getDateString() {
-    const date = new Date();
-    let year = date.getFullYear().toString();
-    let month = date.toLocaleString('en-us', { month: 'short' });
-    let day = date.getDate().toString();
-    if (date.getDate() < 10) {
-        day = "0" + date.getDay().toString();
-    }
-    const dateString = month + " " + day + ", " + year;
-    return dateString;
-}
-
- export async function getPickerTime() {
-    let driver: AppiumDriver;
-    driver = await createDriver();
-    driver.defaultWaitTime = 15000;
+ export async function getPickerTime(driver: AppiumDriver, format: number) {
     let selector = isAndroid ? "android.widget.EditText" : "XCUIElementTypePickerWheel";
     const pickerWheels = await driver.findElementsByClassName(selector);
     let hourWheel = await (await pickerWheels[0]).text();
     let minutesWheel = await (await pickerWheels[1]).text();
-    const amPmWheel = await (await pickerWheels[2]).text();
     if(!isAndroid){
         hourWheel = hourWheel.slice(0, hourWheel.indexOf(" "));
         minutesWheel = minutesWheel.slice(0, minutesWheel.indexOf(" "));
     }
-    const timeString = hourWheel + ":" + minutesWheel + " " + amPmWheel;
+    let timeString = hourWheel + ":" + minutesWheel;
+    if(format == 12){
+        const amPmWheel = await (await pickerWheels[2]).text();
+        timeString +=  " " + amPmWheel;
+    }
     return timeString;
 }
 
-export async function getPickerDate() {
-    let driver: AppiumDriver;
-    driver = await createDriver();
-    driver.defaultWaitTime = 15000;
+export async function getPickerDate(driver: AppiumDriver) {
     let selector = isAndroid ? "android.widget.EditText" : "XCUIElementTypePickerWheel";
     const pickerWheels = await driver.findElementsByClassName(selector);
-    let monthWheel = await (await pickerWheels[0]).text();
+    let monthWheel = await (await pickerWheels[0]).text()
+    let month = monthWheel.toString().substring(0, 3);
     let dayWheel = await (await pickerWheels[1]).text();
+    if(parseInt(dayWheel) < 10){
+        dayWheel = dayWheel.substring(1,2);
+    }
     const yearWheel = await (await pickerWheels[2]).text();
-    const timeString = monthWheel + ":" + dayWheel + " " + yearWheel;
-    return timeString;
-}
+    const dateString = month + " " + dayWheel + ", " + yearWheel;
+    return dateString;
+}
+
+export async function clickOkBtn(driver: AppiumDriver){
+    const okBtn = await driver.findElementByText("OK", SearchOptions.exact);
+    await okBtn.click();
+}
+
+export async function scrollToElement(driver: AppiumDriver, element: string, direction: Direction = Direction.down) {
+    let listView;
+    if (isAndroid) {
+        listView = await driver.findElementByClassName("android.widget.FrameLayout");
+    }
+    else {
+        listView = await driver.findElementByClassName("XCUIElementTypeApplication");
+    }
+    const listItem = await listView.scrollTo(
+        direction,
+        () => driver.findElementByText(element, SearchOptions.contains),
+        600
+    );
+    return listItem;
+}

demo-angular/e2e/reports/app/Android GoogleAPI Emulator/Should select time and verify value of picker field.png

@@ -1,8 +1,8 @@
-import { AppiumDriver, createDriver, SearchOptions } from "nativescript-dev-appium";
+import { AppiumDriver, createDriver, SearchOptions, Direction} from "nativescript-dev-appium";
 import { isSauceLab, runType } from "nativescript-dev-appium/lib/parser";
 import { expect } from "chai";
 import { ok } from "assert";
-import { getDateString, getPickerTime } from "./helper";
+import { getPickerTime, clickOkBtn, scrollToElement, getPickerDate} from "./helper";
 const fs = require('fs');
 const addContext = require('mochawesome/addContext');
 const rimraf = require('rimraf');
@@ -54,28 +54,97 @@ describe("DateTimePicker", () => {
     it("Should select date and verify value of picker field", async () => {
         const selectDateField = await driver.findElementByText("select date", SearchOptions.contains);
         await selectDateField.click();
-        const okBtn = await driver.findElementByText("OK", SearchOptions.exact);
-        await okBtn.click();
-        const date = getDateString();
-        console.log(date);
+        const date = await getPickerDate(driver);
+        await clickOkBtn(driver);
         const dateSelected = await driver.findElementByText(date);
         expect(dateSelected).to.exist;
     });
 
     it("Should select time and verify value of picker field", async () => {
         const selectTimeField = await driver.findElementByText("select time", SearchOptions.contains);
         await selectTimeField.click();
-        const timeString = await getPickerTime();
-
-        const okBtn = await driver.findElementByText("OK", SearchOptions.exact);
-        await okBtn.click();
+        const timeString = await getPickerTime(driver, 12);
+        await clickOkBtn(driver);
         const timeSelected = await driver.findElementByText(timeString, SearchOptions.contains);
         expect(timeSelected).to.exist;
     });
 
     it("Should select date from min/max limited field", async () => {
-        const minMaxLabel = await driver.findElementByText("min and max date", SearchOptions.contains);
-        
+        const minMaxDatePicker = await driver.findElementByText("tap to select", SearchOptions.contains);
+        await minMaxDatePicker.click();
+        const date = await getPickerDate(driver);
+        await clickOkBtn(driver);
+        const dateSelected = await driver.findElementByText(date);
+        expect(dateSelected).to.exist;
+    });
+
+    it("Should open 12h time format and verify wheelers values", async () => {
+        const twelveHourFormat = await driver.findElementByText("4:00 PM", SearchOptions.contains);
+        await twelveHourFormat.click();
+        const timeString = await getPickerTime(driver, 12);
+        await clickOkBtn(driver);
+        expect(timeString).to.equal("4:00 PM");
+    });
+
+    it("Should open 24h format and verify wheeler value", async () => {
+        const twentyFourFormat = await scrollToElement(driver, "16:00", Direction.down);
+        await twentyFourFormat.click();
+        const timeString = await getPickerTime(driver, 24);
+        await clickOkBtn(driver);
+        expect(timeString).to.equal("16:00");
+    });
+
+    it("Should verify modified texts field for date picker", async () => {
+        await scrollToElement(driver, "modified picker texts", Direction.down);
+        const pickers = await driver.findElementsByText("tap to choose");
+        const datePicker = pickers[0];
+        await datePicker.click();
+        const date = await getPickerDate(driver);
+        const approveBtn = await driver.findElementByText("Approve", SearchOptions.contains);
+        const rejectBtn = await driver.findElementByText("Reject", SearchOptions.contains);
+        const title = await driver.findElementByText("Confirm predefined date selection", SearchOptions.contains);
+        expect(approveBtn).to.exist;
+        expect(rejectBtn).to.exist;
+        expect(title).to.exist;
+        await approveBtn.click();
+        const dateString = await driver.findElementByText(date);
+        expect(dateString).to.exist;
+    });
+
+    it("Should verify modified texts field for time picker", async () => {
+        const datePicker = await driver.findElementByText("tap to choose");
+        await datePicker.click();
+        const time = await getPickerTime(driver, 12);
+        const approveBtn = await driver.findElementByText("Approve", SearchOptions.contains);
+        const rejectBtn = await driver.findElementByText("Reject", SearchOptions.contains);
+        const title = await driver.findElementByText("Confirm predefined time selection", SearchOptions.contains);
+        expect(approveBtn).to.exist;
+        expect(rejectBtn).to.exist;
+        expect(title).to.exist;
+        await approveBtn.click();
+        const dateString = await driver.findElementByText(time);
+        expect(dateString).to.exist;
+    });
+
+    it("Should select date from de_De locale picker and verify format", async () => {
+        await scrollToElement(driver, "preferred locale: de_DE", Direction.down);
+        const datePicker = await driver.findElementByText("datum auswählen", SearchOptions.contains);
+        await datePicker.click();
+        const date = await getPickerDate(driver);
+        const acceptBtn = await driver.findElementByText("BestÄtigen", SearchOptions.contains);
+        const rejectBtn = await driver.findElementByText("Stornieren", SearchOptions.contains);
+        const title = await driver.findElementByText("Datum auswählen", SearchOptions.contains);
+        expect(acceptBtn).to.exist;
+        expect(rejectBtn).to.exist;
+        expect(title).to.exist;
+        await acceptBtn.click();
+        const dateString = new Date(date).toLocaleDateString('de-DE', {
+            year: 'numeric', 
+            month: '2-digit', 
+            day: 'numeric' 
+        });
+        const dateField = await driver.findElementByText(dateString);
+        expect(dateString).to.exist;
     });
 
 });