chore: update tests in the repo to be runnable in saucelabs

Author: Zdravko Branzov

e2e/animation-examples/e2e/pages/animation-with-options-page.ts

@@ -12,16 +12,18 @@ export class AnimationWithOptionsPage extends BasePage {
     async enterExample() {
         const exampleBtn = await this._driver.findElementByAccessibilityId("options");
         await exampleBtn.click();
-        this.initialPositionOfAnimatedBtn = await (await this.animatedBtn()).location();
+        const animatedBtn = await this.animatedBtn();
+        this.initialPositionOfAnimatedBtn = await animatedBtn.location();
     }
 
     async btnToggleAnimation() {
         return await this._driver.findElementByAccessibilityId("toggleAnimation");
     }
 
     async animatedBtn() {
-        await this._driver.findElementsByAccessibilityId("animatedBtn", 10000);
-        return await this._driver.findElementByAccessibilityIdIfExists("animatedBtn");
+        await this._driver.wait(2000);
+        const btn = await this._driver.findElementByAccessibilityIdIfExists("animatedBtn");
+        return btn;
     }
 
     async toggleAnimation() {
@@ -30,7 +32,8 @@ export class AnimationWithOptionsPage extends BasePage {
     }
 
     async waitElementToHide() {
-        return await this.waitElementTo(() => this.animatedBtn(), false, 10000);
+        await this._driver.wait(2000);
+        return await this._driver.findElementByAccessibilityIdIfExists("animatedBtn");
     }
 
     async assertPositionOfToggleAnimationBtn() {

e2e/animation-examples/e2e/resources/images/ng4animations/Emulator-Api22-Google/add_active_items.png

@@ -87,7 +87,7 @@ describe("smoke-tests", async function () {
         await animationWithOptionsPage.enterExample();
         await animationWithOptionsPage.toggleAnimation();
         const result = await animationWithOptionsPage.waitElementToHide();
-        assert.isFalse(result.isVisible, "The button should disappear!");
+        assert.isUndefined(result, "The button should disappear!");
 
         await animationWithOptionsPage.assertPositionOfToggleAnimationBtn();
     });

e2e/animation-examples/e2e/resources/images/ng4animations/Emulator-Api22-Google/add_inactive_items.png

@@ -56,7 +56,9 @@
         "fullReset": false,
         "app": "",
         "idleTimeout": 120,
-        "automationName": "Appium"
+        "automationName": "Appium",
+        "density":3.2,
+        "offsetPixels":51
     },
     "android23": {
         "platformName": "Android",

e2e/animation-examples/e2e/resources/images/ng4animations/Emulator-Api22-Google/add_remove_items.png

@@ -1,5 +1,5 @@
---timeout 60000
+--timeout 120000
 --recursive e2e
 --reporter mochawesome 
---reporter-options quiet=true,html=true,inline=true,autoOpen=true
+--reporter-options quiet=true,html=true,inline=true
 --exit

e2e/animation-examples/e2e/resources/images/ng4animations/Emulator-Api22-Google/add_reset_items.png

@@ -53,7 +53,7 @@ describe("ngFor scenario", async function () {
     });
 
     it("should place new elements in the right places", async function () {
-        for (let i = 0; i < 5; i += 1) {
+        for (let i = 0; i < 3; i += 1) {
             await addElement();
             await checkAppendedCorrectly();
         }
@@ -67,7 +67,7 @@ describe("ngFor scenario", async function () {
     });
 
     it("should render new elements correctly after all old ones are removed", async function () {
-        for (let i = 0; i < 5; i += 1) {
+        for (let i = 0; i < 3; i += 1) {
             await addElement();
             await checkCorrectOrderAll();
         }

e2e/animation-examples/e2e/smoke.e2e-spec.ts

@@ -75,7 +75,7 @@ describe("ngForOf scenario", function () {
     });
 
     it("should render new elements correctly after all old ones are removed", async function () {
-        for (let i = 0; i < 5; i += 1) {
+        for (let i = 0; i < 3; i += 1) {
             await addElement();
             await checkCorrectOrderAll();
         }