test(router): Added lazy module in e2e proj

vakrilov · vakrilov · commit 1cf44207b9c1 · 2017-09-12T10:53:15.000+03:00
diff --git a/e2e/router/app/app-routing.module.ts b/e2e/router/app/app-routing.module.ts
@@ -23,6 +23,10 @@ export const routes = [
             { path: "detail/:id", component: DetailComponent }
         ]
     },
+    {
+        path: "lazy",
+        loadChildren: "./lazy/lazy.module#LazyModule",
+    }
 ];
 
 export const navigatableComponents = [
diff --git a/e2e/router/app/app.module.ts b/e2e/router/app/app.module.ts
@@ -1,5 +1,6 @@
-import { NgModule, NO_ERRORS_SCHEMA } from "@angular/core";
+import { NgModule, NgModuleFactoryLoader, NO_ERRORS_SCHEMA } from "@angular/core";
 import { NativeScriptModule } from "nativescript-angular/nativescript.module";
+import { NSModuleFactoryLoader } from "nativescript-angular/router";
 
 import "./rxjs-operators";
 
@@ -21,7 +22,9 @@ enable();
         ...navigatableComponents,
     ],
     bootstrap: [AppComponent],
-    providers: [],
+    providers: [
+        { provide: NgModuleFactoryLoader, useClass: NSModuleFactoryLoader }
+    ],
     imports: [
         NativeScriptModule,
         AppRoutingModule,
diff --git a/e2e/router/app/first/first.component.ts b/e2e/router/app/first/first.component.ts
@@ -13,6 +13,8 @@ import { Observable } from "rxjs/Observable";
         <Label text="FirstComponent" class="header"></Label>
 
         <Button text="GO TO SECOND" [nsRouterLink]="['/second','1']"></Button>
+        <Button text="GO TO LAZY" [nsRouterLink]="['/lazy','home']"></Button>
+        
         <Button text="BACK" (tap)="goBack()"></Button>
         <Label [text]="message"></Label>
     </StackLayout>`
diff --git a/e2e/router/app/lazy/lazy.component.ts b/e2e/router/app/lazy/lazy.component.ts
@@ -0,0 +1,42 @@
+import { Component, OnInit, OnDestroy, OnChanges } from "@angular/core";
+import { ActivatedRoute, Router, Route } from "@angular/router";
+import { Location } from "@angular/common";
+import { RouterExtensions } from "nativescript-angular/router";
+
+import { Page } from "ui/page";
+import { Observable } from "rxjs/Observable";
+
+@Component({
+    selector: "lazy",
+    template: `
+    <StackLayout>
+        <Label text="LazyComponent" class="header"></Label>
+
+        <Button text="GO TO FIRST" [nsRouterLink]="['/first']"></Button>
+        <Button text="BACK" (tap)="goBack()"></Button>
+        <Label [text]="message"></Label>
+    </StackLayout>`
+})
+export class LazyComponent implements OnInit, OnDestroy {
+    public message: string = "";
+    constructor(private routerExt: RouterExtensions, page: Page) {
+        console.log("LazyComponent - constructor() page: " + page);
+    }
+
+    ngOnInit() {
+        console.log("LazyComponent - ngOnInit()");
+    }
+
+    ngOnDestroy() {
+        console.log("LazyComponent - ngOnDestroy()");
+    }
+
+    goBack() {
+        this.message = "";
+        if (this.routerExt.canGoBack()) {
+            this.routerExt.back();
+        } else {
+            this.message = "canGoBack() - false"
+        }
+    }
+}
diff --git a/e2e/router/app/lazy/lazy.module.ts b/e2e/router/app/lazy/lazy.module.ts
@@ -0,0 +1,24 @@
+import { NgModule, NO_ERRORS_SCHEMA } from "@angular/core";
+import { NativeScriptModule } from "nativescript-angular/nativescript.module";
+import { NativeScriptRouterModule } from "nativescript-angular/router";
+
+import { LazyComponent } from "./lazy.component";
+
+
+const routes = [
+    {
+        path: "home",
+        component: LazyComponent
+    }
+];
+
+@NgModule({
+    schemas: [NO_ERRORS_SCHEMA],
+    imports: [
+        NativeScriptModule,
+        NativeScriptRouterModule,
+        NativeScriptRouterModule.forChild(routes)
+    ],
+    declarations: [LazyComponent]
+})
+export class LazyModule { }
