test case for #108

Author: lathonez

app/components/clickerForm/clickerForm.html

@@ -2,7 +2,7 @@
   <ion-row>
     <ion-col width-80>
       <ion-item>
-        <ion-input block [ngFormControl]="clickerNameInput" type="text" placeholder="New Clicker"></ion-input>
+        <ion-input block [ngFormControl]="clickerNameInput" [(ngModel)]="clickerName" type="text" placeholder="New Clicker"></ion-input>
       </ion-item>
     </ion-col>
     <ion-col>

app/components/clickerForm/clickerForm.spec.ts

@@ -42,6 +42,8 @@ describe('ClickerForm', () => {
 
   it('doesn\'t try to add a clicker with no name', () => {
     let button: any = this.fixture.nativeElement.querySelectorAll('button')[1];
+    this.instance.clickerName = '';
+    this.fixture.detectChanges();
     TestUtils.eventFire(button, 'click');
     expect(this.instance.newClicker).toHaveBeenCalled();
     expect(this.instance['clickerService'].newClicker).not.toHaveBeenCalled();

app/components/clickerForm/clickerForm.ts

@@ -16,6 +16,7 @@ export class ClickerForm {
   private clickerService: Clickers;
   private form: ControlGroup;
   private clickerNameInput: AbstractControl;
+  private clickerName: string;
 
   constructor(clickerService: Clickers, fb: FormBuilder) {
     this.clickerService = clickerService;
@@ -25,6 +26,7 @@ export class ClickerForm {
     });
 
     this.clickerNameInput = this.form.controls['clickerNameInput'];
+    this.clickerName = 'Clicker Issue #108';
   }
 
   public newClicker(formValue: Object): boolean {