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";