chore: add ui tests

Author: Zdravko Branzov

.gitignore

@@ -25,4 +25,7 @@ demo-vue/platforms/
 /src/*.tgz
 /publish/package/*.tgz
 /publish/package/**/*
-/publish/src/**/*
+/publish/src/**/*
+test-results.xml
+**/reports/**/*
+**/mochawesome-report/**/*

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

@@ -0,0 +1,110 @@
+{
+    "android23": {
+        "platformName": "Android",
+        "platformVersion": "6.0",
+        "deviceName": "Android",
+        "lt": 60000,
+        "appActivity": "com.tns.NativeScriptActivity",
+        "newCommandTimeout": 720,
+        "noReset": true,
+        "fullReset": false,
+        "app": ""
+    },
+    "android24": {
+        "platformName": "Android",
+        "platformVersion": "7.0",
+        "deviceName": "Emulator-Api24-Google",
+        "avd":"Emulator-Api24-Google",
+        "lt": 60000,
+        "newCommandTimeout": 720,
+        "appium-version": "1.8.1",
+        "appActivity": "com.tns.NativeScriptActivity",
+        "noReset": true,
+        "fullReset": false,
+        "app": "",
+        "automationName": "Appium",
+        "density": 3.2,
+        "offsetPixels": 51
+    },
+    "android24.sauce": {
+        "platformName": "Android",
+        "platformVersion": "7.0",
+        "deviceName": "Android GoogleAPI Emulator",
+        "lt": 60000,
+        "newCommandTimeout": 720,
+        "appiumVersion": "1.9.1",
+        "noReset": true,
+        "fullReset": false,
+        "app": "",
+        "idleTimeout": 120,
+        "automationName": "Appium"
+    },
+    "android25": {
+        "platformName": "Android",
+        "platformVersion": "7.1",
+        "deviceName": "Google Pixel GoogleAPI",
+        "lt": 60000,
+        "appActivity": "com.tns.NativeScriptActivity",
+        "newCommandTimeout": 720,
+        "noReset": true,
+        "fullReset": false,
+        "app": ""
+    },
+    "android27": {
+        "platformName": "Android",
+        "platformVersion": "8.1",
+        "deviceName": "Emulator-Api27-Google",
+        "lt": 60000,
+        "appActivity": "com.tns.NativeScriptActivity",
+        "newCommandTimeout": 720,
+        "noReset": true,
+        "fullReset": false,
+        "app": ""
+    },
+    "sim.iPhoneX.iOS112": {
+        "platformName": "iOS",
+        "platformVersion": "11.2",
+        "deviceName": "iPhone X",
+        "appium-version": "1.8.0",
+        "density": 3,
+        "offsetPixels": 87,
+        "noReset": true,
+        "fullReset": false,
+        "app": ""
+    },
+    "sim.iPhoneX.iOS113": {
+        "platformName": "iOS",
+        "platformVersion": "11.3",
+        "deviceName": "iPhone X",
+        "appium-version": "1.8.0",
+        "density": 3,
+        "offsetPixels": 87,
+        "noReset": true,
+        "fullReset": false,
+        "app": ""
+    },
+    "sim.iPhoneX.ios11": {
+        "platformName": "iOS",
+        "platformVersion": "11.2",
+        "deviceName": "iPhone X",
+        "appium-version": "1.8.1",
+        "noReset": true,
+        "fullReset": false,
+        "app": "",
+        "idleTimeout": 120,
+        "automationName": "Appium"
+    },
+    "sim.iPhoneX.ios12": {
+        "platformName": "iOS",
+        "platformVersion": "12.1",
+        "deviceName": "iPhone X",
+        "appiumVersion": "1.9.1",
+        "noReset": true,
+        "fullReset": false,
+        "density": 3,
+        "offsetPixels": 87,
+        "app": "",
+        "idleTimeout": 120,
+        "automationName": "Appium"
+    }
+}

demo-angular/e2e/config/mocha.opts

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

demo-angular/e2e/helper.ts

@@ -0,0 +1,102 @@
+import { AppiumDriver, SearchOptions, Direction, UIElement } from "nativescript-dev-appium";
+import { runType } from "nativescript-dev-appium/lib/parser";
+
+const isAndroid: boolean = runType.includes("android");
+
+export const QUEUE_WAIT_TIME: number = 600000; // Sometimes SauceLabs threads are not available and the tests wait in a queue to start. Wait 10 min before timeout.
+
+export async function navigateBackToHome(driver: AppiumDriver, view?: string) {
+    let location = view !== undefined ? view : "PickerField - Angular";
+    let homeTitle = await driver.findElementByTextIfExists(location, SearchOptions.exact);
+    while (homeTitle === undefined) {
+        await driver.navBack();
+        await driver.wait(1000);
+        homeTitle = await driver.findElementByTextIfExists(location, SearchOptions.exact);
+    }
+}
+
+export async function navigateBackToView(driver: AppiumDriver, view: string) {
+    await navigateBackToHome(driver, view);
+}
+
+export async function scrollToElement(driver: AppiumDriver, element: string, direction: Direction = Direction.down) {
+    let listView: UIElement;
+    if (isAndroid) {
+        listView = await driver.findElementByClassName("android.widget.FrameLayout");
+    }
+    else {
+        listView = await driver.findElementByClassName("XCUIElementTypeTable");
+    }
+    const listItem = await listView.scrollTo(
+        direction,
+        () => driver.findElementByText(element, SearchOptions.contains),
+        600
+    );
+    return listItem;
+}
+
+export async function scrollToElementInListView(driver: AppiumDriver, element: string, direction: Direction = Direction.down) {
+    let listView: UIElement;
+    if (isAndroid) {
+        listView = await driver.findElementByClassName("android.widget.ListView");
+    }
+    else {
+        listView = await driver.findElementByClassName("XCUIElementTypeTable");
+    }
+    const listItem = await listView.scrollTo(
+        direction,
+        () => driver.findElementByText(element, SearchOptions.contains),
+        600
+    );
+    return listItem;
+}
+
+export async function swipe(driver: AppiumDriver, item: any, direction: Direction) {
+    const rectangle = await item.getRectangle();
+    const centerX = rectangle.x + rectangle.width / 2;
+    const centerY = rectangle.y + rectangle.height / 2;
+    let swipeX;
+    if (direction === Direction.right) {
+        const windowSize = await driver.driver.getWindowSize();
+        swipeX = windowSize.width - 10;
+    } else if (direction === Direction.left) {
+        swipeX = 10;
+    }
+
+    if (isAndroid) {
+        const wd = driver.wd();
+        const action = new wd.TouchAction(driver.driver);
+        action.press({ x: centerX, y: centerY })
+            .wait(200)
+            .moveTo({ x: swipeX, y: centerY })
+            .release();
+        await action.perform();
+    }
+    else {
+        await driver.driver.execute('mobile: dragFromToForDuration', {
+            duration: 2.0,
+            fromX: centerX,
+            fromY: centerY,
+            toX: swipeX,
+            toY: centerY
+        });
+    }
+}
+
+export async function swipeToElement(driver: AppiumDriver, element: string, direction: Direction = Direction.down) {
+    let listView;
+    if (isAndroid) {
+        listView = await driver.findElementByClassName("android.widget.FrameLayout");
+    }
+    else {
+        listView = await driver.findElementByClassName("XCUIElementTypeCollectionView");
+    }
+
+    let item = await driver.findElementByTextIfExists(element, SearchOptions.exact);
+    while (item === undefined) {
+        await listView.swipe(direction);
+        await driver.wait(500);
+        item = await driver.findElementByTextIfExists(element, SearchOptions.contains);
+    }
+    return item;
+}

demo-angular/e2e/setup.ts

@@ -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/tests.e2e.ts

@@ -0,0 +1,144 @@
+import { AppiumDriver, createDriver, SearchOptions, Direction, UIElement } from "nativescript-dev-appium";
+import { expect } from "chai";
+import { isSauceLab, runType } from "nativescript-dev-appium/lib/parser";
+import { navigateBackToHome, scrollToElement, scrollToElementInListView, QUEUE_WAIT_TIME } from "./helper";
+const fs = require('fs');
+const addContext = require('mochawesome/addContext');
+const rimraf = require('rimraf');
+
+const isSauceRun = isSauceLab;
+
+describe("Picker", () => {
+    let driver: AppiumDriver;
+
+    before(async function () {
+        this.timeout(QUEUE_WAIT_TIME);
+        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');
+        }
+    });
+
+    const gettingStarted = "Getting Started";
+    let field: UIElement;
+    describe(gettingStarted, () => {
+        it("Navigate to Getting started example", async () => {
+            const getStarted = await scrollToElement(driver, gettingStarted);
+            await getStarted.click();
+            field = await driver.findElementByText("Click here");
+            expect(field).to.exist;
+        });
+
+        it("Click field and select item", async () => {
+            await field.click();
+            const itemText = "Item 38";
+            const item38 = await scrollToElement(driver, itemText);
+            await item38.click();
+            const title = await driver.findElementByText(gettingStarted);
+            expect(title).to.exist;
+            const item = await driver.findElementByText(itemText);
+            expect(item).to.exist;
+        });
+
+        it("Click field and cancel selection", async () => {
+            let item38 = await driver.findElementByText("Item 38");
+            await item38.click();
+            const cancel = await driver.findElementByAccessibilityId("Close");
+            await cancel.click();
+            item38 = await driver.findElementByText("Item 38");
+            expect(item38).to.exist;
+        });
+    });
+
+    const styling = "Styling"
+    describe(styling, () => {
+        it("Navigate to Styling example", async () => {
+            await navigateBackToHome(driver);
+            const stylingExample = await scrollToElement(driver, styling);
+            await stylingExample.click();
+            field = await driver.findElementByText("This is hint");
+            expect(field).to.exist;
+        });
+
+        it("Click field and select item", async () => {
+            await field.click();
+            const itemText = "Item 6";
+            const item6 = await scrollToElementInListView(driver, itemText);
+            await item6.click();
+            const title = await driver.findElementByText(styling);
+            expect(title).to.exist;
+            const item = await driver.findElementByText(itemText);
+            expect(item).to.exist;
+        });
+    });
+
+    const valueApis = "Value APIs"
+    describe(valueApis, () => {
+        it("Navigate to Value APIs example", async () => {
+            await navigateBackToHome(driver);
+            const valueExample = await scrollToElement(driver, valueApis);
+            await valueExample.click();
+            field = await driver.findElementByText("Click here");
+            expect(field).to.exist;
+        });
+
+        it("Click field and select item", async () => {
+            await field.click();
+            const itemText = "Item 1";
+            const item1 = await scrollToElement(driver, itemText);
+            await item1.click();
+            const title = await driver.findElementByText(valueApis);
+            expect(title).to.exist;
+            const description = await driver.findElementByText("Description 1");
+            expect(description).to.exist;
+        });
+    });
+
+    const reactive = "Reactive forms"
+    describe(reactive, () => {
+        it("Navigate to Value APIs example", async () => {
+            await navigateBackToHome(driver);
+            const reactiveExample = await scrollToElement(driver, reactive);
+            await reactiveExample.click();
+            field = await driver.findElementByText("The Godfather");
+            expect(field).to.exist;
+        });
+
+        it("Click field and select item", async () => {
+            await field.click();
+            const itemText = "The Wizard of Oz";
+            const item1 = await scrollToElementInListView(driver, itemText);
+            await item1.click();
+            const title = await driver.findElementByText("Reactive Forms");
+            expect(title).to.exist;
+            const pickedItem = await driver.findElementByText(itemText);
+            expect(pickedItem).to.exist;
+        });
+    });
+});