cell.component.test.ts

it('should set the row and column', inject([], () => {
       return builder.createAsync(CellComponentTestController)
           .then((fixture: ComponentFixture<any>) => {
             fixture.detectChanges();
             let query = fixture.debugElement.query(By.directive(CellComponent));
             expect(query).toBeTruthy();
             expect(query.componentInstance).toBeTruthy();
             expect(query.componentInstance.col).toBe(1);
             expect(query.componentInstance.row).toBe(2);
           });
     }));
     
@Component({
  selector: 'test',
  template: `
    <cell [row]="row" [col]="col"></cell>
  `,
  directives: [CellComponent]
})
class CellComponentTestController {
  public col: number = 1;
  public row: number = 2;
}