feat(test-bed): Run render fixtures in a full-page container (#1416)

* feat(test-bed): Run render fixtures in a full-page container

Author: Alexander Vakrilov

nativescript-angular/testing/src/nativescript_test_component_renderer.ts

@@ -1,8 +1,7 @@
 import { Injectable } from "@angular/core";
 import { TestComponentRenderer } from "@angular/core/testing";
-import { topmost } from "tns-core-modules/ui/frame";
-import { LayoutBase } from "tns-core-modules/ui/layouts/layout-base";
 import { ProxyViewContainer } from "tns-core-modules/ui/proxy-view-container";
+import { testingRootView } from "./util";
 
 /**
  * A NativeScript based implementation of the TestComponentRenderer.
@@ -11,14 +10,10 @@ import { ProxyViewContainer } from "tns-core-modules/ui/proxy-view-container";
 export class NativeScriptTestComponentRenderer extends TestComponentRenderer {
 
   insertRootElement(rootElId: string) {
-    const page = topmost().currentPage;
-
     const layout = new ProxyViewContainer();
     layout.id = rootElId;
 
-    const rootLayout = page.layoutView as LayoutBase;
+    const rootLayout = testingRootView();
     rootLayout.addChild(layout);
   }
-
 }
-

nativescript-angular/testing/src/util.ts

@@ -9,13 +9,37 @@ import { platformBrowserDynamicTesting } from "@angular/platform-browser-dynamic
 import { NS_COMPILER_PROVIDERS } from "../../platform";
 import { NATIVESCRIPT_TESTING_PROVIDERS, NativeScriptTestingModule } from "../index";
 import { CommonModule } from "@angular/common";
+import { GridLayout } from "tns-core-modules/ui/layouts/grid-layout";
+
+const TESTING_ROOT_ID = "__testing_container";
+
 /**
- * Get a reference to the root application view.
+ * Get a reference to the fixtures container.
  */
-export function testingRootView(): View {
-    return topmost().currentPage.content;
+export function testingRootView(): LayoutBase {
+    const rootPageLayout = topmost().currentPage.content as LayoutBase;
+
+    let testingRoot: LayoutBase;
+    rootPageLayout.eachChild(child => {
+        if (child.id === TESTING_ROOT_ID) {
+            testingRoot = child as LayoutBase;
+            return false;
+        }
+        return true;
+    });
+
+    if (!testingRoot) {
+        testingRoot = new GridLayout();
+        testingRoot.id = TESTING_ROOT_ID;
+        GridLayout.setColumnSpan(testingRoot, 100);
+        GridLayout.setRowSpan(testingRoot, 100);
+        rootPageLayout.addChild(testingRoot);
+    }
+
+    return testingRoot;
 }
 
+
 /**
  * Declared test contexts. When the suite is done this map should be empty if all lifecycle
  * calls have happened as expected.

tests/app/tests/test-config.ts

@@ -1,5 +1,5 @@
 (<any>global).mocha.setup({
-    timeout: 20000,
+    timeout: 20000
 });
 
 import * as chai from "chai";

tests/e2e/const.js

@@ -49,7 +49,7 @@ module.exports = function(config) {
 
 
     // enable / disable watching file and executing tests whenever any file changes
-    autoWatch: true,
+    autoWatch: false,
 
 
     // start these browsers

tests/e2e/helpers/image-helper.ts

@@ -42,36 +42,26 @@
     "zone.js": "^0.8.4"
   },
   "devDependencies": {
-    "@types/chai": "^4.0.2",
-    "@types/mocha": "^2.2.41",
-    "@types/node": "^7.0.5",
+    "@types/chai": "^4.1.4",
+    "@types/mocha": "^5.2.4",
+    "chai": "4.1.2",
+    "karma": "2.0.4",
+    "karma-chai": "0.1.0",
+    "karma-mocha": "1.3.0",
+    "karma-mocha-reporter": "2.2.5",
+    "karma-nativescript-launcher": "0.4.0",
+    "mocha": "5.2.0",
+    "nativescript-dev-typescript": "~0.7.0",
     "babel-traverse": "6.8.0",
     "babel-types": "6.8.1",
     "babylon": "6.8.0",
-    "chai": "^3.5.0",
-    "chai-as-promised": "^5.3.0",
-    "filewalker": "0.1.2",
-    "grunt-cli": "^1.2.0",
-    "karma": "^0.13.19",
-    "karma-chai": "^0.1.0",
-    "karma-mocha": "^0.2.1",
-    "karma-mocha-reporter": "^1.2.0",
-    "karma-nativescript-launcher": "^0.4.0",
     "lazy": "1.0.11",
-    "mocha-junit-reporter": "^1.13.0",
-    "mocha-multi": "^0.11.0",
-    "nativescript-dev-appium": "next",
-    "nativescript-dev-typescript": "^0.4.0",
-    "socket.io": "1.4.8",
-    "socket.io-client": "1.4.8",
-    "tslib": "^1.7.1",
     "tslint": "^4.5.1",
-    "typescript": "~2.7.2",
-    "mocha": "~3.5.0"
+    "typescript": "~2.7.2"
   },
   "scripts": {
     "e2e": "tsc -p e2e && mocha --opts ../e2e/config/mocha.opts --recursive e2e --appiumCapsLocation ../e2e/config/appium.capabilities.json",
     "compile-tests-w": "tsc -p e2e --watch",
     "update-app-ng-deps": "update-app-ng-deps"
   }
-}
+}

tests/e2e/lazy-load-routing.ts

@@ -16,6 +16,9 @@
             "*": [
                 "./node_modules/tns-core-modules/*",
                 "./node_modules/*"
+            ],
+            "~/*": [
+                "app/*"
             ]
         }
     },