feat(helloWorld): introduce hello world

Closes #1

Author: cironunes

src/app/components/hello/hello.css

@@ -0,0 +1,7 @@
+h1 {
+  font-size: 20px;
+}
+
+h1 span {
+  font-weight: normal;
+}

src/app/components/hello/hello.html

@@ -1,3 +1 @@
-<p>
-  hello Works!
-</p>
+<h1>Hello <span>{{ person }}</span></h1>

src/app/components/hello/hello.spec.ts

@@ -18,10 +18,14 @@ describe('Hello Component', () => {
   beforeEachProviders(() => []);
 
 
-  it('should ...', injectAsync([TestComponentBuilder], (tcb:TestComponentBuilder) => {
-    return tcb.createAsync(HelloCmp).then((fixture) => {
-      fixture.detectChanges();
-    });
+  it('should have a default `person`', inject([TestComponentBuilder], (tcb:TestComponentBuilder) => {
+    tcb
+      .overrideTemplate(HelloCmp, '<h1>Hello {{person}}!</h1>') // TODO: remove this line once angular/angular issue: #5662 is fixed 
+      .createAsync(HelloCmp)
+      .then((fixture) => {
+        fixture.detectChanges();
+        expect(fixture.nativeElement.textContent).toBe('Hello World!');
+      });
   }));
 
 });

src/app/components/hello/hello.ts

@@ -10,7 +10,7 @@ import {Component} from 'angular2/core';
   pipes: []
 })
 export class HelloCmp {
-
-  constructor() {}
-
+  
+  person: string = 'World';
+  
 }