[test]: Fixes component parsing errors

.gitignore

@@ -1,2 +1,3 @@
 */.gfs/
 */*/.gfs/
+.DS_Store

.travis.yml

@@ -25,4 +25,5 @@ after_success:
 - bash <(curl -s https://codecov.io/bash)
 
 cache:
+  bundler: true
   directories: node_modules

README.md

@@ -1,34 +1,27 @@
-## Git-From-Scratch
+# GitVisualize
 
-I work with `git` for like a lot of time and listening to the terms that I don'
-t have enough knowledge gives me a hit.
+This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 1.7.3.
 
-So, here I am, figuring out how git may work. 
-It is just a trial where I will try to figure out how `git` `may` work. Since I am not 
-interested in reading the original mirror of @git so I thought of challenging myself a bit.
+## Development server
 
-## Vision
-`A git that everyone can understand`. It will have the necessary documentation about the hypothesis
-proposed for the project.
-Since It is just a timepass project, therefore I will be using it to `Version Control` a simple 
-file that contains data as
-```
-1
-2
-3
-4
-```
-Any change in the file will be checked and then stored. I will make it a heavy VCS and tnen 
-make it comply with space efficiency (ik it is difficult to do, when you're going on with 
-the intuition that your hypothesis is correct :P)
+Run `ng serve` for a dev server. Navigate to `http://localhost:4200/`. The app will automatically reload if you change any of the source files.
 
+## Code scaffolding
 
-## Language
+Run `ng generate component component-name` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module`.
 
-I will be using Javascript for making this project. I don't have any specific reason for 
-choosing this language. Let's just go with the flow :P
+## Build
 
-## Author
+Run `ng build` to build the project. The build artifacts will be stored in the `dist/` directory. Use the `-prod` flag for a production build.
 
-Manish Devgan
-@gabru-md
+## Running unit tests
+
+Run `ng test` to execute the unit tests via [Karma](https://karma-runner.github.io).
+
+## Running end-to-end tests
+
+Run `ng e2e` to execute the end-to-end tests via [Protractor](http://www.protractortest.org/).
+
+## Further help
+
+To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI README](https://github.com/angular/angular-cli/blob/master/README.md).

git-visualize/package.json

@@ -27,7 +27,7 @@
     "zone.js": "^0.8.19"
   },
   "devDependencies": {
-    "@angular/cli": "~1.7.3",
+    "@angular/cli": "^1.7.4",
     "@angular/compiler-cli": "^5.2.0",
     "@angular/language-service": "^5.2.0",
     "@types/jasmine": "~2.8.3",

git-visualize/src/app/app.component.spec.ts

@@ -1,10 +1,19 @@
 import { TestBed, async } from '@angular/core/testing';
 import { AppComponent } from './app.component';
+import { TreeComponent } from './tree/tree.component';
+import { TerminalComponent } from './terminal/terminal.component';
+import { FormsModule } from '@angular/forms';
+
 describe('AppComponent', () => {
   beforeEach(async(() => {
     TestBed.configureTestingModule({
       declarations: [
-        AppComponent
+        AppComponent,
+        TerminalComponent,
+        TreeComponent
+      ],
+      imports: [
+        FormsModule
       ],
     }).compileComponents();
   }));
@@ -18,10 +27,4 @@ describe('AppComponent', () => {
     const app = fixture.debugElement.componentInstance;
     expect(app.title).toEqual('app');
   }));
-  it('should render title in a h1 tag', async(() => {
-    const fixture = TestBed.createComponent(AppComponent);
-    fixture.detectChanges();
-    const compiled = fixture.debugElement.nativeElement;
-    expect(compiled.querySelector('h1').textContent).toContain('Welcome to app!');
-  }));
 });

git-visualize/src/app/app.component.ts

@@ -1,5 +1,8 @@
 import { Component } from '@angular/core';
-import {NgbModule} from '@ng-bootstrap/ng-bootstrap';
+import { NgbModule } from '@ng-bootstrap/ng-bootstrap';
+import { TreeComponent } from './tree/tree.component';
+import { TerminalComponent } from './terminal/terminal.component';
+import { FormsModule } from '@angular/forms';
 
 @Component({
   selector: 'app-root',

git-visualize/src/app/app.module.ts

@@ -7,7 +7,6 @@ import { TreeComponent } from './tree/tree.component';
 import { TerminalComponent } from './terminal/terminal.component';
 import { CommunicateService } from './communicate.service';
 
-
 import {NgbModule} from '@ng-bootstrap/ng-bootstrap';
 
 
@@ -23,9 +22,6 @@ import {NgbModule} from '@ng-bootstrap/ng-bootstrap';
     NgbModule.forRoot()
   ],
   providers: [CommunicateService],
-  bootstrap: [AppComponent],
-  schemas: [
-    CUSTOM_ELEMENTS_SCHEMA
-  ]
+  bootstrap: [AppComponent]
 })
 export class AppModule { }

git-visualize/src/app/communicate.service.spec.ts

@@ -1,11 +1,11 @@
 import { TestBed, inject } from '@angular/core/testing';
-
+import { Http, HttpModule } from '@angular/http';
 import { CommunicateService } from './communicate.service';
 
 describe('CommunicateService', () => {
   beforeEach(() => {
     TestBed.configureTestingModule({
-      providers: [CommunicateService]
+      providers: [ CommunicateService ]
     });
   });
 

git-visualize/src/app/terminal/terminal.component.html

@@ -8,7 +8,7 @@
         <span class="user-command"><span class="admin">git@yogdaan $~ </span>{{command}}</span>
       </li>
       <li>
-         <span class="user-command"><span class="admin">git@yogdaan $~ </span><input id="input-cli" type="text" width="100" [(ngModel)]="cli" (keypress)="executeCommand($event)" name="cli"></span>
+         <span class="user-command"><span class="admin">git@yogdaan $~ </span><input id="input-cli" type="text" width="100" (ngModel)="cli" (keypress)="executeCommand($event)" name="cli"></span>
       </li>
     </ul> 
   </div>

git-visualize/src/app/terminal/terminal.component.spec.ts

@@ -1,14 +1,16 @@
 import { async, ComponentFixture, TestBed } from '@angular/core/testing';
-
+import { CommunicateService } from '../communicate.service';
 import { TerminalComponent } from './terminal.component';
+import { FormsModule } from '@angular/forms';
 
 describe('TerminalComponent', () => {
   let component: TerminalComponent;
   let fixture: ComponentFixture<TerminalComponent>;
 
   beforeEach(async(() => {
     TestBed.configureTestingModule({
-      declarations: [ TerminalComponent ]
+      declarations: [ TerminalComponent ],
+      providers: [ CommunicateService ]
     })
     .compileComponents();
   }));

git-visualize/src/app/terminal/terminal.component.ts

@@ -1,11 +1,13 @@
 import { Component, OnInit, Renderer2 } from '@angular/core';
 import { NgbModule } from '@ng-bootstrap/ng-bootstrap';
 import { CommunicateService } from '../communicate.service';
+import { FormsModule } from '@angular/forms';
 
 @Component({
   selector: 'app-terminal',
   templateUrl: './terminal.component.html',
-  styleUrls: ['./terminal.component.css']
+  styleUrls: ['./terminal.component.css'],
+  providers: [ CommunicateService ]
 })
 export class TerminalComponent implements OnInit {