coreui-angular-ex/projects/coreui-angular/src/lib/button/button-close.directive.spec.ts

CoreUI Components Library for Angular

import { ButtonCloseDirective } from './button-close.directive';
import { ComponentFixture, TestBed } from '@angular/core/testing';
import { Component, DebugElement, ElementRef } from '@angular/core';
import { By } from '@angular/platform-browser';

class MockElementRef extends ElementRef {}

@Component({
  template: `
    <button cButtonClose></button>`
})
class TestComponent {}

describe('ButtonCloseDirective', () => {

  let component: TestComponent;
  let fixture: ComponentFixture<TestComponent>;
  let buttonEl: DebugElement;

  beforeEach(() => {
    TestBed.configureTestingModule({
      declarations: [TestComponent],
      imports: [ButtonCloseDirective],
      providers: [{ provide: ElementRef, useClass: MockElementRef }]
    });

    fixture = TestBed.createComponent(TestComponent);
    component = fixture.componentInstance;
    buttonEl = fixture.debugElement.query(By.css('button'));

    fixture.detectChanges(); // initial binding
  });

  it('should create an instance', () => {
    const directive = new ButtonCloseDirective();
    expect(directive).toBeTruthy();
  });
});