Template Upload

node_modules/angular2/es6/prod/examples/router/ts/reuse/reuse_example.js

@@ -0,0 +1,55 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __metadata = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+import { Component, provide } from 'angular2/core';
+import { bootstrap } from 'angular2/platform/browser';
+import { RouteConfig, ROUTER_DIRECTIVES, APP_BASE_HREF, RouteParams } from 'angular2/router';
+// #docregion reuseCmp
+let MyCmp = class {
+    constructor(params) {
+        this.name = params.get('name') || 'NOBODY';
+    }
+    routerCanReuse(next, prev) { return true; }
+    routerOnReuse(next, prev) {
+        this.name = next.params['name'];
+    }
+};
+MyCmp = __decorate([
+    Component({
+        selector: 'my-cmp',
+        template: `
+    <div>hello {{name}}!</div>
+    <div>message: <input id="message"></div>
+  `
+    }), 
+    __metadata('design:paramtypes', [RouteParams])
+], MyCmp);
+// #enddocregion
+let AppCmp = class {
+};
+AppCmp = __decorate([
+    Component({
+        selector: 'example-app',
+        template: `
+    <h1>Say hi to...</h1>
+    <a [routerLink]="['/HomeCmp', {name: 'naomi'}]" id="naomi-link">Naomi</a> |
+    <a [routerLink]="['/HomeCmp', {name: 'brad'}]" id="brad-link">Brad</a>
+    <router-outlet></router-outlet>
+  `,
+        directives: [ROUTER_DIRECTIVES]
+    }),
+    RouteConfig([
+        { path: '/', component: MyCmp, name: 'HomeCmp' },
+        { path: '/:name', component: MyCmp, name: 'HomeCmp' }
+    ]), 
+    __metadata('design:paramtypes', [])
+], AppCmp);
+export function main() {
+    return bootstrap(AppCmp, [provide(APP_BASE_HREF, { useValue: '/angular2/examples/router/ts/reuse' })]);
+}

node_modules/angular2/es6/prod/examples/router/ts/reuse/reuse_spec.js

@@ -0,0 +1,26 @@
+import { verifyNoBrowserErrors, browser } from 'angular2/src/testing/e2e_util';
+import { expect } from 'angular2/testing';
+function waitForElement(selector) {
+    var EC = protractor.ExpectedConditions;
+    // Waits for the element with id 'abc' to be present on the dom.
+    browser.wait(EC.presenceOf($(selector)), 20000);
+}
+describe('reuse example app', function () {
+    afterEach(verifyNoBrowserErrors);
+    var URL = 'angular2/examples/router/ts/reuse/';
+    it('should build a link which points to the detail page', function () {
+        browser.get(URL);
+        waitForElement('my-cmp');
+        element(by.css('#naomi-link')).click();
+        waitForElement('my-cmp');
+        expect(browser.getCurrentUrl()).toMatch(/\/naomi$/);
+        // type something into input
+        element(by.css('#message')).sendKeys('long time no see!');
+        // navigate to Brad
+        element(by.css('#brad-link')).click();
+        waitForElement('my-cmp');
+        expect(browser.getCurrentUrl()).toMatch(/\/brad$/);
+        // check that typed input is the same
+        expect(element(by.css('#message')).getAttribute('value')).toEqual('long time no see!');
+    });
+});