unsakini 0.0.0

data/spec/dummy/angular/e2e/app.e2e-spec.ts

@@ -0,0 +1,14 @@
+// import { AngularPage } from './app.po';
+
+// describe('angular App', function() {
+//   let page: AngularPage;
+
+//   beforeEach(() => {
+//     page = new AngularPage();
+//   });
+
+//   it('should display message saying app works', () => {
+//     page.navigateTo();
+//     expect(page.getParagraphText()).toEqual('app works!');
+//   });
+// });

data/spec/dummy/angular/e2e/app.po.ts

@@ -0,0 +1,11 @@
+import { browser, element, by } from 'protractor';
+
+export class AngularPage {
+  navigateTo() {
+    return browser.get('/app/');
+  }
+
+  getParagraphText() {
+    return element(by.css('app-root h1')).getText();
+  }
+}

data/spec/dummy/angular/e2e/signup.e2e-spec.ts

@@ -0,0 +1,28 @@
+import { browser, element, by, ExpectedConditions } from 'protractor';
+
+import { SignUpPage } from './signup.po';
+
+describe('Registration Page', function() {
+  let page: SignUpPage;
+
+  beforeAll(() => {
+    page = new SignUpPage();
+    page.navigateTo();
+  });
+
+  it('shows vadiation errors', () => {
+    page.fillForm({
+      name: 'me',
+      email: 'hello@world.com',
+      password: '',
+      password_confirmation: ''
+    })
+
+    page.submit();
+
+    page.hasError('Password')
+
+  });
+
+
+});

data/spec/dummy/angular/e2e/signup.po.ts

@@ -0,0 +1,31 @@
+import { browser, element, by, ExpectedConditions } from 'protractor';
+export class SignUpPage {
+  navigateTo() {
+    return browser.get('/app/registration');
+  }
+
+  fillForm({name, email, password, password_confirmation}) {
+    let form = element(by.tagName('form'));
+    let name_input = element(by.css('input[name="name"]'))
+    let email_input = element(by.css('input[name="email"]'))
+    let password_input = element(by.css('input[name="password"]'))
+    let password_confirmation_input = element(by.css('input[name="password_confirmation"]'))
+
+    name_input.sendKeys(name);
+    email_input.sendKeys(email);
+    password_input.sendKeys(password);
+    password_confirmation_input.sendKeys(password_confirmation);
+  }
+
+  submit() {
+
+    let button = element(by.tagName('button'))
+    button.click()
+
+  }
+
+  hasError(str) {
+    expect(element(by.css('.alert-danger')).getText()).toContain(str)
+  }
+
+}

data/spec/dummy/angular/e2e/tsconfig.json

@@ -0,0 +1,16 @@
+{
+  "compileOnSave": false,
+  "compilerOptions": {
+    "declaration": false,
+    "emitDecoratorMetadata": true,
+    "experimentalDecorators": true,
+    "module": "commonjs",
+    "moduleResolution": "node",
+    "outDir": "../dist/out-tsc-e2e",
+    "sourceMap": true,
+    "target": "es5",
+    "typeRoots": [
+      "../node_modules/@types"
+    ]
+  }
+}

data/spec/dummy/angular/karma.conf.js

@@ -0,0 +1,45 @@
+// Karma configuration file, see link for more information
+// https://karma-runner.github.io/0.13/config/configuration-file.html
+
+module.exports = function (config) {
+  config.set({
+    basePath: '',
+    frameworks: ['jasmine', 'angular-cli'],
+    plugins: [
+      require('karma-jasmine'),
+      require('karma-phantomjs-launcher'),
+      // require('karma-chrome-launcher'),
+      require('karma-remap-istanbul'),
+      require('angular-cli/plugins/karma')
+    ],
+    files: [
+      { pattern: './src/test.ts', watched: false }
+    ],
+    preprocessors: {
+      './src/test.ts': ['angular-cli']
+    },
+    mime: {
+      'text/x-typescript': ['ts','tsx']
+    },
+    remapIstanbulReporter: {
+      reports: {
+        html: 'coverage',
+        lcovonly: './coverage/coverage.lcov'
+      }
+    },
+    angularCli: {
+      config: './angular-cli.json',
+      environment: 'dev'
+    },
+    reporters: config.angularCli && config.angularCli.codeCoverage
+              ? ['progress', 'karma-remap-istanbul']
+              : ['progress'],
+    port: 9874,
+    colors: true,
+    logLevel: config.LOG_INFO,
+    autoWatch: true,
+    // browsers: ['Chrome'],
+    browsers: ['PhantomJS'],
+    singleRun: false
+  });
+};

data/spec/dummy/angular/package.json

@@ -0,0 +1,50 @@
+{
+  "name": "angular",
+  "version": "0.0.0",
+  "license": "MIT",
+  "angular-cli": {},
+  "scripts": {
+    "start": "ng serve",
+    "lint": "tslint \"src/**/*.ts\"",
+    "test": "ng test",
+    "pree2e": "webdriver-manager update",
+    "e2e": "protractor",
+    "postinstall": "ng build"
+  },
+  "private": true,
+  "dependencies": {
+    "@angular/common": "^2.1.0",
+    "@angular/compiler": "^2.1.0",
+    "@angular/core": "^2.1.0",
+    "@angular/forms": "^2.1.0",
+    "@angular/http": "^2.1.0",
+    "@angular/platform-browser": "^2.1.0",
+    "@angular/platform-browser-dynamic": "^2.1.0",
+    "@angular/router": "^3.1.0",
+    "angular2-token": "^0.2.0-beta.3",
+    "core-js": "^2.4.1",
+    "rxjs": "5.0.0-beta.12",
+    "ts-helpers": "^1.1.1",
+    "zone.js": "^0.6.23"
+  },
+  "devDependencies": {
+    "@angular/compiler-cli": "^2.1.0",
+    "@types/jasmine": "^2.2.30",
+    "@types/node": "^6.0.42",
+    "angular-cli": "1.0.0-beta.20-4",
+    "codelyzer": "~1.0.0-beta.3",
+    "jasmine-core": "2.4.1",
+    "jasmine-spec-reporter": "2.5.0",
+    "karma": "1.2.0",
+    "karma-chrome-launcher": "^2.0.0",
+    "karma-cli": "^1.0.1",
+    "karma-jasmine": "^1.0.2",
+    "karma-phantomjs-launcher": "^1.0.2",
+    "karma-remap-istanbul": "^0.2.1",
+    "protractor": "4.0.9",
+    "ts-node": "1.2.1",
+    "tslint": "3.13.0",
+    "typescript": "~2.0.3",
+    "webdriver-manager": "10.2.5"
+  }
+}

data/spec/dummy/angular/protractor.conf.js

@@ -0,0 +1,32 @@
+// Protractor configuration file, see link for more information
+// https://github.com/angular/protractor/blob/master/docs/referenceConf.js
+
+/*global jasmine */
+var SpecReporter = require('jasmine-spec-reporter');
+
+exports.config = {
+  allScriptsTimeout: 11000,
+  specs: [
+    './e2e/**/*.e2e-spec.ts'
+  ],
+  capabilities: {
+    'browserName': 'chrome'
+  },
+  directConnect: true,
+  baseUrl: 'http://localhost:3000/app/',
+  framework: 'jasmine',
+  jasmineNodeOpts: {
+    showColors: true,
+    defaultTimeoutInterval: 30000,
+    print: function() {}
+  },
+  useAllAngular2AppRoots: true,
+  beforeLaunch: function() {
+    require('ts-node').register({
+      project: 'e2e'
+    });
+  },
+  onPrepare: function() {
+    jasmine.getEnv().addReporter(new SpecReporter());
+  }
+};

data/spec/dummy/angular/src/app/app.component.html

@@ -0,0 +1,4 @@
+<h1>
+  {{title}}
+  <router-outlet></router-outlet>
+</h1>

data/spec/dummy/angular/src/app/app.component.spec.ts

@@ -0,0 +1,47 @@
+/* tslint:disable:no-unused-variable */
+
+import { TestBed, async } from '@angular/core/testing';
+import { AppComponent } from './app.component';
+import { RouterTestingModule } from '@angular/router/testing';
+
+describe('AppComponent', () => {
+
+  beforeEach(() => {
+    TestBed.configureTestingModule({
+      imports: [
+        RouterTestingModule
+      ],
+      declarations:
+      [
+        AppComponent
+      ],
+    });
+  });
+
+  it('should create the app', async(() => {
+    let fixture = TestBed.createComponent(AppComponent);
+    let app = fixture.debugElement.componentInstance;
+    expect(app).toBeTruthy();
+  }));
+
+  it(`should have as title 'app works!'`, async(() => {
+    let fixture = TestBed.createComponent(AppComponent);
+    let app = fixture.debugElement.componentInstance;
+    expect(app.title).toEqual('app works!');
+  }));
+
+  it('should render title in a h1 tag', async(() => {
+    let fixture = TestBed.createComponent(AppComponent);
+    fixture.detectChanges();
+    let compiled = fixture.debugElement.nativeElement;
+    expect(compiled.querySelector('h1').textContent).toContain('app works!');
+  }));
+
+  it('should have router outlet', async(() => {
+    let fixture = TestBed.createComponent(AppComponent);
+    fixture.detectChanges();
+    let compiled = fixture.debugElement.nativeElement;
+    expect(compiled.querySelector('router-outlet')).toBeTruthy()
+  }));
+
+});

data/spec/dummy/angular/src/app/app.component.ts

@@ -0,0 +1,10 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'app-root',
+  templateUrl: './app.component.html',
+  styleUrls: ['./app.component.css']
+})
+export class AppComponent {
+  title = 'app works!';
+}

data/spec/dummy/angular/src/app/app.module.ts

@@ -0,0 +1,29 @@
+import { BrowserModule } from '@angular/platform-browser';
+import { NgModule } from '@angular/core';
+import { FormsModule } from '@angular/forms';
+import { HttpModule } from '@angular/http';
+import { Angular2TokenService, A2tUiModule } from 'angular2-token';
+
+import { AppRoutesModule } from './app.routes.module';
+
+import { AppComponent } from './app.component';
+import { RegistrationComponent } from './registration/registration.component';
+
+@NgModule({
+  imports: [
+    BrowserModule,
+    FormsModule,
+    HttpModule,
+    AppRoutesModule,
+    A2tUiModule,
+  ],
+  declarations: [
+    AppComponent,
+    RegistrationComponent
+  ],
+  providers: [
+    Angular2TokenService,
+  ],
+  bootstrap: [AppComponent]
+})
+export class AppModule { }

data/spec/dummy/angular/src/app/app.routes.module.ts

@@ -0,0 +1,29 @@
+import { NgModule }     from '@angular/core';
+import { RouterModule } from '@angular/router';
+
+import { RegistrationComponent } from './registration/registration.component'
+
+
+const routes = [
+  {
+    path: '',
+    redirectTo: 'registration',
+    pathMatch: 'full'
+  },
+  {
+    path: 'registration',
+    component: RegistrationComponent
+  }
+];
+
+@NgModule({
+  imports: [
+    RouterModule.forRoot(routes)
+  ],
+  exports: [
+    RouterModule
+  ],
+  providers: []
+})
+
+export class AppRoutesModule {}

data/spec/dummy/angular/src/app/index.ts

@@ -0,0 +1,2 @@
+export * from './app.component';
+export * from './app.module';

data/spec/dummy/angular/src/app/registration/registration.component.html

@@ -0,0 +1,14 @@
+
+<form (ngSubmit)="doSubmit()">
+  <div class="alert alert-success" *ngIf="success">Registration successful. Please confirm your email sent to {{user.email}} to proceed.</div>
+  <div class="alert alert-danger" *ngIf="errors">
+    <p *ngFor="let e of errors">{{e}}</p>
+  </div>
+  <input type="text" name="name">
+  <input type="email" name="email">
+  <input type="password" name="password">
+  <input type="password" name="password_confirmation">
+  <button type="submit">Sign Up</button>
+</form>
+
+<div (click)="doSubmit()">CLICK ME</div>

data/spec/dummy/angular/src/app/registration/registration.component.spec.ts

@@ -0,0 +1,157 @@
+/* tslint:disable:no-unused-variable */
+
+import { inject, async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { Observable } from 'rxjs/Observable';
+import 'rxjs/add/observable/of';
+import 'rxjs/add/observable/throw';
+import { By } from '@angular/platform-browser';
+import { DebugElement } from '@angular/core';
+import { Angular2TokenService } from 'angular2-token';
+
+import { RegistrationComponent } from './registration.component';
+
+let user = {
+  name: 'first last',
+  email: 'hello@world.com',
+  password: null,
+  password_confirmation: null
+}
+
+let status = 0
+let errors = []
+
+class Angular2TokenServiceMock {
+  registerAccount(user) {
+
+    if (status === 200) {
+      return Observable.of({
+        status: 200,
+        json: () => {
+          return {
+            user
+          }
+        }
+      });
+    } else {
+      return Observable.throw({
+        status: status,
+        json: () => {
+          return {
+            errors: errors
+          }
+        }
+      });
+    }
+  }
+}
+
+describe('RegistrationComponent', () => {
+  let component: RegistrationComponent;
+  let fixture: ComponentFixture<RegistrationComponent>;
+  let compiled: any;
+
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      imports: [
+      ],
+      declarations: [RegistrationComponent],
+      providers: [
+        {
+          provide: Angular2TokenService,
+          useClass: Angular2TokenServiceMock
+        },
+      ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(RegistrationComponent);
+    component = fixture.componentInstance;
+    compiled = fixture.debugElement.nativeElement;
+    fixture.detectChanges();
+  });
+
+  describe('Component', () => {
+
+    it('should create', () => {
+      expect(component).toBeTruthy();
+    });
+
+    it('should have token service', () => {
+      expect(component.service).toBeDefined();
+    });
+
+    it('should have user', () => {
+      expect(component.user).toEqual({
+        name: '',
+        email: '',
+        password: '',
+        password_confirmation: ''
+      });
+    });
+
+    it('should handle http 422', () => {
+      status = 422
+      errors = ['some errors']
+      component.user = user
+      component.doSubmit()
+      expect(component.success).toBe(false)
+      expect(component.errors).toEqual(errors)
+      fixture.detectChanges();
+      expect(compiled.querySelector('.alert-success')).toBeFalsy()
+      expect(compiled.querySelector('.alert-danger').textContent).toContain('some errors')
+    })
+
+    it('should handle http 500 and other errors', () => {
+      status = 500
+      component.user = user
+      component.doSubmit()
+      expect(component.success).toBe(false)
+      expect(component.errors).toEqual(['Something went wrong.'])
+      fixture.detectChanges();
+      expect(compiled.querySelector('.alert-success')).toBeFalsy()
+      expect(compiled.querySelector('.alert-danger').textContent).toContain('Something went wrong')
+    })
+
+    it('should notify when success', () => {
+      component.user = user
+      status = 200
+      component.doSubmit()
+      expect(component.success).toBe(true)
+      fixture.detectChanges();
+      expect(compiled.querySelector('.alert-success')).toBeTruthy()
+      expect(compiled.querySelector('.alert-success').textContent).toContain('Registration successful')
+    })
+
+  });
+
+  describe('View', () => {
+
+    it('should have form', () => {
+      expect(compiled.querySelector('form')).toBeTruthy();
+    });
+
+    it('should have input name', () => {
+      expect(compiled.querySelector('input[name="name"]')).toBeTruthy();
+    });
+
+    it('should have input email', () => {
+      expect(compiled.querySelector('input[name="email"][type="email"]')).toBeTruthy();
+    });
+
+    it('should have input password', () => {
+      expect(compiled.querySelector('input[name="password"][type="password"]')).toBeTruthy();
+    });
+
+    it('should have input password confirmation', () => {
+      expect(compiled.querySelector('input[name="password_confirmation"][type="password"]')).toBeTruthy();
+    });
+
+    it('should have submit button', () => {
+      expect(compiled.querySelector('button[type="submit"]')).toBeTruthy();
+    });
+
+  });
+
+});

data/spec/dummy/angular/src/app/registration/registration.component.ts

@@ -0,0 +1,42 @@
+import { Component, OnInit } from '@angular/core';
+import { Angular2TokenService } from 'angular2-token';
+
+@Component({
+  selector: 'app-registration',
+  templateUrl: './registration.component.html',
+  styleUrls: ['./registration.component.css']
+})
+export class RegistrationComponent implements OnInit {
+
+  user: any;
+  errors: any;
+  success = false;
+
+  constructor(public service: Angular2TokenService) {
+    this.user = {
+      name: '',
+      email: '',
+      password: '',
+      password_confirmation: ''
+    };
+  }
+
+  doSubmit () {
+    this.service.registerAccount(this.user).subscribe(
+      (res) => {
+        this.success = true;
+      },
+      (res) => {
+        if (res.status == 422) {
+          this.errors = res.json().errors
+        } else {
+          this.errors = ['Something went wrong.']
+        }
+      }
+    );
+  }
+
+  ngOnInit() {
+  }
+
+}

data/spec/dummy/angular/src/environments/environment.prod.ts

@@ -0,0 +1,3 @@
+export const environment = {
+  production: true
+};

data/spec/dummy/angular/src/environments/environment.ts

@@ -0,0 +1,8 @@
+// The file contents for the current environment will overwrite these during build.
+// The build system defaults to the dev environment which uses `environment.ts`, but if you do
+// `ng build --env=prod` then `environment.prod.ts` will be used instead.
+// The list of which env maps to which file can be found in `angular-cli.json`.
+
+export const environment = {
+  production: false
+};

data/spec/dummy/angular/src/index.html

@@ -0,0 +1,14 @@
+<!doctype html>
+<html>
+<head>
+  <meta charset="utf-8">
+  <title>Angular</title>
+  <base href="/app/">
+
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <link rel="icon" type="image/x-icon" href="favicon.ico">
+</head>
+<body>
+  <app-root>Loading...</app-root>
+</body>
+</html>

data/spec/dummy/angular/src/main.ts

@@ -0,0 +1,12 @@
+import './polyfills.ts';
+
+import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
+import { enableProdMode } from '@angular/core';
+import { environment } from './environments/environment';
+import { AppModule } from './app/';
+
+if (environment.production) {
+  enableProdMode();
+}
+
+platformBrowserDynamic().bootstrapModule(AppModule);

data/spec/dummy/angular/src/polyfills.ts

@@ -0,0 +1,19 @@
+// This file includes polyfills needed by Angular 2 and is loaded before
+// the app. You can add your own extra polyfills to this file.
+import 'core-js/es6/symbol';
+import 'core-js/es6/object';
+import 'core-js/es6/function';
+import 'core-js/es6/parse-int';
+import 'core-js/es6/parse-float';
+import 'core-js/es6/number';
+import 'core-js/es6/math';
+import 'core-js/es6/string';
+import 'core-js/es6/date';
+import 'core-js/es6/array';
+import 'core-js/es6/regexp';
+import 'core-js/es6/map';
+import 'core-js/es6/set';
+import 'core-js/es6/reflect';
+
+import 'core-js/es7/reflect';
+import 'zone.js/dist/zone';

data/spec/dummy/angular/src/styles.css

@@ -0,0 +1 @@
+/* You can add global styles to this file, and also import other style files */