projects/ngx-datatable/src/lib/components/body/body-group-header.directive.spec.ts
import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
import { Component } from '@angular/core';
import { By } from '@angular/platform-browser';
import { DatatableGroupHeaderDirective } from './body-group-header.directive';
import { DatatableGroupHeaderTemplateDirective } from './body-group-header-template.directive';
@Component({
selector: 'test-fixture-component',
template: `
<ngx-datatable-group-header id="t1"></ngx-datatable-group-header>
<ngx-datatable-group-header id="t2">
<ng-template ngx-datatable-group-header-template></ng-template>
</ngx-datatable-group-header>
`
})
class TestFixtureComponent {}
describe('DatatableGroupHeaderDirective', () => {
let fixture: ComponentFixture<TestFixtureComponent>;
let component: TestFixtureComponent;
let element: any;
// provide our implementations or mocks to the dependency injector
beforeEach(() => {
TestBed.configureTestingModule({
declarations: [DatatableGroupHeaderDirective, DatatableGroupHeaderTemplateDirective, TestFixtureComponent]
});
});
beforeEach(
waitForAsync(() => {
TestBed.compileComponents().then(() => {
fixture = TestBed.createComponent(TestFixtureComponent);
component = fixture.componentInstance;
element = fixture.nativeElement;
});
})
);
describe('fixture', () => {
let directive: DatatableGroupHeaderDirective;
beforeEach(() => {
directive = fixture.debugElement
.query(By.directive(DatatableGroupHeaderDirective))
.injector.get(DatatableGroupHeaderDirective);
});
it('should have a component instance', () => {
expect(component).toBeTruthy();
});
it('should have at least one DatatableGroupHeaderDirective directive', () => {
expect(directive).toBeTruthy();
});
});
describe('directive #1', () => {
let directive: DatatableGroupHeaderDirective;
beforeEach(() => {
directive = fixture.debugElement.query(By.css('#t1')).injector.get(DatatableGroupHeaderDirective);
});
it('should be found', () => {
expect(directive).toBeTruthy();
});
it('should not have a template', () => {
fixture.detectChanges();
expect(directive.template).toBeUndefined();
});
});
describe('directive #2', () => {
let directive: DatatableGroupHeaderDirective;
beforeEach(() => {
directive = fixture.debugElement.query(By.css('#t2')).injector.get(DatatableGroupHeaderDirective);
});
it('should be found', () => {
expect(directive).toBeTruthy();
});
it('should have a template', () => {
fixture.detectChanges();
expect(directive.template).toBeDefined();
});
});
});