chore: router move-only

2016-05-02 17:11:21 +00:00
parent 072446aed3
commit d930ad1816
116 changed files with 1345 additions and 1374 deletions
--- a/modules/@angular/examples/router_deprecated/ts/can_deactivate/can_deactivate_example.ts
+++ b/modules/@angular/examples/router_deprecated/ts/can_deactivate/can_deactivate_example.ts
@ -0,0 +1,67 @@
+import {provide, Component, ComponentRef} from '@angular/core';
+import {bootstrap} from '@angular/platform-browser-dynamic';
+import {
+  CanDeactivate,
+  RouteConfig,
+  RouteParams,
+  ComponentInstruction,
+  ROUTER_DIRECTIVES
+} from '@angular/router';
+import {APP_BASE_HREF} from '@angular/common';
+
+// #docregion routerCanDeactivate
+@Component({
+  selector: 'note-cmp',
+  template: `
+    <div>
+      <h2>id: {{id}}</h2>
+      <textarea cols="40" rows="10"></textarea>
+    </div>`
+})
+class NoteCmp implements CanDeactivate {
+  id: string;
+
+  constructor(params: RouteParams) { this.id = params.get('id'); }
+
+  routerCanDeactivate(next: ComponentInstruction, prev: ComponentInstruction) {
+    return confirm('Are you sure you want to leave?');
+  }
+}
+// #enddocregion
+
+
+@Component({
+  selector: 'note-index-cmp',
+  template: `
+    <h1>Your Notes</h1>
+    <div>
+      Edit <a [routerLink]="['/NoteCmp', {id: 1}]" id="note-1-link">Note 1</a> |
+      Edit <a [routerLink]="['/NoteCmp', {id: 2}]" id="note-2-link">Note 2</a>
+    </div>
+  `,
+  directives: [ROUTER_DIRECTIVES]
+})
+class NoteIndexCmp {
+}
+
+
+@Component({
+  selector: 'example-app',
+  template: `
+    <h1>My App</h1>
+    <router-outlet></router-outlet>
+  `,
+  directives: [ROUTER_DIRECTIVES]
+})
+@RouteConfig([
+  {path: '/note/:id', component: NoteCmp, name: 'NoteCmp'},
+  {path: '/', component: NoteIndexCmp, name: 'NoteIndexCmp'}
+])
+export class AppCmp {
+}
+
+
+export function main(): Promise<ComponentRef<AppCmp>> {
+  return bootstrap(
+      AppCmp, [provide(APP_BASE_HREF, {useValue: '/@angular/examples/router/ts/can_deactivate'})]);
+}
--- a/modules/@angular/examples/router_deprecated/ts/can_deactivate/can_deactivate_spec.ts
+++ b/modules/@angular/examples/router_deprecated/ts/can_deactivate/can_deactivate_spec.ts
@ -0,0 +1,52 @@
+import {verifyNoBrowserErrors, browser} from '@angular/platform-browser/testing_e2e';
+import {expect} from '@angular/core/testing';
+
+function waitForElement(selector: string) {
+  var EC = (<any>protractor).ExpectedConditions;
+  // Waits for the element with id 'abc' to be present on the dom.
+  browser.wait(EC.presenceOf($(selector)), 20000);
+}
+
+function waitForAlert() {
+  var EC = (<any>protractor).ExpectedConditions;
+  browser.wait(EC.alertIsPresent(), 1000);
+}
+
+describe('can deactivate example app', function() {
+
+  afterEach(verifyNoBrowserErrors);
+
+  var URL = '@angular/examples/router/ts/can_deactivate/';
+
+  it('should not navigate away when prompt is cancelled', function() {
+    browser.get(URL);
+    waitForElement('note-index-cmp');
+
+    element(by.css('#note-1-link')).click();
+    waitForElement('note-cmp');
+
+    browser.navigate().back();
+    waitForAlert();
+
+    browser.switchTo().alert().dismiss();  // Use to simulate cancel button
+
+    expect(element(by.css('note-cmp')).getText()).toContain('id: 1');
+  });
+
+  it('should navigate away when prompt is confirmed', function() {
+    browser.get(URL);
+    waitForElement('note-index-cmp');
+
+    element(by.css('#note-1-link')).click();
+    waitForElement('note-cmp');
+
+    browser.navigate().back();
+    waitForAlert();
+
+    browser.switchTo().alert().accept();
+
+    waitForElement('note-index-cmp');
+
+    expect(element(by.css('note-index-cmp')).getText()).toContain('Your Notes');
+  });
+});
--- a/modules/@angular/examples/router_deprecated/ts/can_deactivate/index.html
+++ b/modules/@angular/examples/router_deprecated/ts/can_deactivate/index.html
@ -0,0 +1,24 @@
+<!doctype html>
+<html>
+<head>
+  <title>Routing routerCanDeactivate Lifecycle Example</title>
+  <base href="/">
+
+  <script src="http://cdn.rawgit.com/google/traceur-compiler/90da568c7aa8e53ea362db1fc211fbb4f65b5e94/bin/traceur-runtime.js"></script>
+  <script src="http://cdnjs.cloudflare.com/ajax/libs/systemjs/0.18.4/system.js"></script>
+  <script>System.config({ baseURL: '/', defaultJSExtensions: true});</script>
+  <script src="/bundle/angular2.dev.js"></script>
+  <script src="/bundle/router.dev.js"></script>
+</head>
+<body>
+<example-app>
+  Loading...
+</example-app>
+<script>
+  var filename = '@angular/examples/router/ts/can_deactivate/can_deactivate_example';
+  System.import(filename).then(function(m) {
+    m.main();
+  }, console.error.bind(console));
+</script>
+</body>
+</html>