import 'zone.js/dist/zone-testing';
import { By } from '@angular/platform-browser';
import { ComponentFixture, getTestBed } from '@angular/core/testing';
import { BrowserDynamicTestingModule, platformBrowserDynamicTesting } from '@angular/platform-browser-dynamic/testing';
import {Component, Directive} from '@angular/core';

declare const require: any;

getTestBed().initTestEnvironment(
  BrowserDynamicTestingModule,
  platformBrowserDynamicTesting()
);

const context = require.context('./lib/', true, /\.ts$/);

context.keys().map(context);

export const querySelector = (fixture: ComponentFixture<any>, selector: string, isAll?: boolean) => {
  return fixture.nativeElement[isAll ? 'querySelectorAll' : 'querySelector'](selector);
};

export const debugQueryElement = (fixture: ComponentFixture<any>, selector: string) => {
  return fixture.debugElement.query(By.css(selector));
};

export function MockDirective(options: Component): Directive {
    const metadata: Directive = {
        selector: options.selector,
        inputs: options.inputs,
        outputs: options.outputs
    };

    return (Directive as any)(metadata)(class _ {}); // <----- add <any>
}