import { Injector } from '@angular/core';
let appInjectorRef: Injector;
export const InjectableObject = (injector?: Injector): Injector => {
   if (injector) {
      appInjectorRef = injector;
  }
  return appInjectorRef;
};

import { InjectableObject } from './injectableobject.base';
import { MyDataService} from '../services/mydata.service';

interface IBaseComponentOptions {
    hotkey?: boolean;
    tableName?: string
}

export class BaseComponent implements OnInit, OnDestroy, AfterContentInit{
    constructor(private opt?: IBaseComponentOptions) {
       const _injector = InjectableObject();

       this._myDataService = _injector.get(MyDataService);
    }
}

@Component({
    selector: 'app-header',
    templateUrl: './header.component.html',
    styleUrls: ['./header.component.scss']
})
export class HeaderComponent extends BaseComponent implements OnInit {
    constructor(
        private dataService: MyDataService,
    ){super()}
}

describe('HeaderComponent', () => {
   let component: HeaderComponent;
   let fixture: ComponentFixture<HeaderComponent>;
   let backend: MockBackend;
   beforeEach(async(() => {
      TestBed.configureTestingModule({
          declarations: [HeaderComponent],
          provides: [MyDataService]
      })
   }).compileComponents();

   beforeEach(() => {
      fixture = TestBed.createComponent(HeaderComponent);
      component = fixture.componentInstance;
      fixture.detectChanges();
   });

   it('should create', () => {
       expect(component).toBeTruthy();
   });
});