Add ui tests in demo-angular

Author: Dimitar Todorov

demo-angular/e2e/config/appium.capabilities.json

@@ -0,0 +1,122 @@
+{
+    "android19": {
+        "platformName": "Android",
+        "platformVersion": "4.4",
+        "deviceName": "Emulator-Api19-Default",
+        "avd": "Emulator-Api19-Default",
+        "lt": 60000,
+        "newCommandTimeout": 720,
+        "noReset": false,
+        "fullReset": false,
+        "app": ""
+    },
+    "android21": {
+        "platformName": "Android",
+        "platformVersion": "5.0",
+        "deviceName": "Emulator-Api21-Default",
+        "avd": "Emulator-Api21-Default",
+        "lt": 60000,
+        "newCommandTimeout": 720,
+        "noReset": false,
+        "fullReset": false,
+        "app": ""
+    },
+    "android23": {
+        "platformName": "Android",
+        "platformVersion": "6.0",
+        "deviceName": "Emulator-Api23-Default",
+        "avd": "Emulator-Api23-Default",
+        "lt": 60000,
+        "newCommandTimeout": 720,
+        "noReset": false,
+        "fullReset": false,
+        "app": ""
+    },
+    "android24": {
+        "platformName": "Android",
+        "platformVersion": "7.0",
+        "deviceName": "Android_GoogleAPI_Emulator",
+        "avd": "Android_GoogleAPI_Emulator",
+        "lt": 60000,
+        "newCommandTimeout": 720,
+        "noReset": false,
+        "fullReset": false,
+        "app": ""
+    },
+    "android25": {
+        "platformName": "Android",
+        "platformVersion": "7.1",
+        "deviceName": "Emulator-Api25-Google",
+        "avd": "Emulator-Api25-Google",
+        "lt": 60000,
+        "newCommandTimeout": 720,
+        "noReset": false,
+        "fullReset": false,
+        "app": ""
+    },
+    "android26": {
+        "platformName": "Android",
+        "platformVersion": "8.0",
+        "deviceName": "Emulator-Api26-Google",
+        "avd": "Emulator-Api26-Google",
+        "lt": 60000,
+        "newCommandTimeout": 720,
+        "noReset": false,
+        "fullReset": false,
+        "app": ""
+    },
+    "android27": {
+        "platformName": "Android",
+        "platformVersion": "27",
+        "deviceName": "Emulator-Api27-Google",
+        "avd": "Emulator-Api27-Google",
+        "lt": 60000,
+        "newCommandTimeout": 720,
+        "noReset": false,
+        "fullReset": false,
+        "app": ""
+    },
+    "android28": {
+        "platformName": "Android",
+        "platformVersion": "28",
+        "deviceName": "Emulator-Api28-Google",
+        "avd": "Emulator-Api28-Google",
+        "lt": 60000,
+        "newCommandTimeout": 720,
+        "noReset": false,
+        "fullReset": false,
+        "app": ""
+    },
+    "sim.iPhone7": {
+        "platformName": "iOS",
+        "platformVersion": "/12.*/",
+        "deviceName": "iPhone 7",
+        "noReset": false,
+        "fullReset": false,
+        "app": ""
+    },
+    "sim.iPhone8": {
+        "platformName": "iOS",
+        "platformVersion": "/12*/",
+        "deviceName": "iPhone 8",
+        "noReset": false,
+        "fullReset": false,
+        "app": ""
+    },
+    "sim.iPhoneX": {
+        "platformName": "iOS",
+        "platformVersion": "/12*/",
+        "deviceName": "iPhone X",
+        "noReset": false,
+        "fullReset": false,
+        "app": ""
+    },
+    "sim.iPhoneXS": {
+        "platformName": "ios",
+        "platformVersion": "/12*/",
+        "deviceName": "iPhone XS",
+        "noReset": false,
+        "fullReset": false,
+        "app": ""
+    }
+}

demo-angular/e2e/config/mocha.opts

@@ -0,0 +1,5 @@
+--timeout 999999
+--recursive e2e
+--reporter mocha-multi 
+--reporter-options mochawesome=-,mocha-junit-reporter=test-results.xml
+--exit

demo-angular/e2e/helper.ts

@@ -0,0 +1,30 @@
+import { AppiumDriver, SearchOptions, Direction, UIElement } from "nativescript-dev-appium";
+import { runType } from "nativescript-dev-appium/lib/parser";
+
+const isAndroid: boolean = runType.includes("android");
+const optionsText = "Options";
+const moreOptionsID = "More options";
+
+
+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 function getTimeString() {
+    const date = new Date();
+    let timeString = date.toLocaleString("en-US", {
+        hour: "numeric",
+        minute: "numeric",
+        hour12: true
+    });
+    
+    return timeString;
+}

demo-angular/e2e/reports/demong/Android_GoogleAPI_Emulator/Should select date and verify value of picker field.png

@@ -0,0 +1,9 @@
+import { startServer, stopServer } from "nativescript-dev-appium";
+
+before("start server", async () => {
+    await startServer();
+});
+
+after("stop server", async () => {
+    await stopServer();
+});

demo-angular/e2e/reports/demong/Android_GoogleAPI_Emulator/Should select time and verify value of picker field.png

@@ -0,0 +1,76 @@
+import { AppiumDriver, createDriver, SearchOptions } from "nativescript-dev-appium";
+import { isSauceLab, runType } from "nativescript-dev-appium/lib/parser";
+import { expect } from "chai";
+import { ok } from "assert";
+import { getDateString, getTimeString } from "./helper";
+const fs = require('fs');
+const addContext = require('mochawesome/addContext');
+const rimraf = require('rimraf');
+const isSauceRun = isSauceLab;
+const isAndroid: boolean = runType.includes("android");
+
+describe("DateTimePicker", () => {
+    const defaultWaitTime = 5000;
+    let driver: AppiumDriver;
+
+    before(async () => {
+        driver = await createDriver();
+        driver.defaultWaitTime = 15000;
+        let dir = "mochawesome-report";
+        if (!fs.existsSync(dir)) {
+            fs.mkdirSync(dir);
+        }
+        rimraf('mochawesome-report/*', function () { });
+    });
+
+    after(async () => {
+        if (isSauceRun) {
+            driver.sessionId().then(function (sessionId) {
+                console.log("Report https://saucelabs.com/beta/tests/" + sessionId);
+            });
+        }
+        await driver.quit();
+        console.log("Quit driver!");
+    });
+
+    afterEach(async function () {
+        if (this.currentTest.state && this.currentTest.state === "failed") {
+            let png = await driver.logScreenshot(this.currentTest.title);
+            fs.copyFile(png, './mochawesome-report/' + this.currentTest.title + '.png', function (err) {
+                if (err) {
+                    throw err;
+                }
+                console.log('Screenshot saved.');
+            });
+            addContext(this, './' + this.currentTest.title + '.png');
+        }
+    });
+
+    it("Should verify demo title", async () => {
+        const title = await driver.findElementByText("DateTimePicker Demo NG", SearchOptions.exact);
+        expect(title).to.exist;
+    });
+
+    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 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 okBtn = await driver.findElementByText("OK", SearchOptions.exact);
+        await okBtn.click();
+        const timeString = getTimeString();
+        console.log(timeString);
+        const timeSelected = await driver.findElementByText(timeString);
+        expect(timeSelected).to.exist;
+    })
+
+});

demo-angular/e2e/reports/demong/iPhone X/Should select date and verify value of picker.png

@@ -0,0 +1,18 @@
+{
+  "compilerOptions": {
+    "module": "commonjs",
+    "target": "es6",
+    "experimentalDecorators": true,
+    "emitDecoratorMetadata": true,
+    "importHelpers": false,
+    "types": [
+      "mocha",
+      "chai"
+    ],
+    "lib": [
+      "es2015",
+      "dom"
+    ],
+    "baseUrl": "."
+  }
+}