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

Author: vakrilov

Diff for: 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);
   }
-
 }
-

Diff for: 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.

Diff for: tests/app/tests/test-config.ts

@@ -1,6 +1,6 @@
-(<any>global).mocha.setup({
-    timeout: 20000,
-});
+(<any>global).mocha.setup(
+    { timeout: 20000 },
+    { exit: true });
 
 import * as chai from "chai";
 export let assert: typeof chai.assert = (<any>global).chai.assert;