feat: UsingNgTemplateRef update

- send dtOptions to trigger event

- add unit tests

Author: shanmukhateja

demo/src/app/advanced/using-ng-template-ref.component.spec.ts

@@ -0,0 +1,80 @@
+/* tslint:disable:no-unused-variable */
+
+import { RouterTestingModule } from '@angular/router/testing';
+import { HttpClientModule } from '@angular/common/http';
+import { NO_ERRORS_SCHEMA, SecurityContext } from '@angular/core';
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
+import { DataTableDirective, DataTablesModule } from 'angular-datatables';
+import { MarkdownModule } from 'ngx-markdown';
+import { BaseDemoComponent } from '../base-demo/base-demo.component';
+import { AppRoutingModule } from '../app.routing';
+import { FormsModule } from '@angular/forms';
+import { UpperCasePipe } from '@angular/common';
+import { By } from '@angular/platform-browser';
+import { UsingNgTemplateRefComponent } from './using-ng-template-ref.component';
+import { DemoNgComponent } from './demo-ng-template-ref.component';
+
+
+let fixture: ComponentFixture<UsingNgTemplateRefComponent>, component: UsingNgTemplateRefComponent = null;
+
+describe('UsingNgTemplateRefComponent', () => {
+  beforeEach(() => {
+    fixture = TestBed.configureTestingModule({
+      declarations: [
+        BaseDemoComponent,
+        UsingNgTemplateRefComponent,
+        DemoNgComponent,
+        DataTableDirective
+      ],
+      imports: [
+        AppRoutingModule,
+        RouterTestingModule,
+        DataTablesModule.forRoot(),
+        HttpClientModule,
+        MarkdownModule.forRoot(
+          {
+            sanitize: SecurityContext.NONE
+          }
+        ),
+        FormsModule
+      ],
+      schemas: [NO_ERRORS_SCHEMA],
+      providers: [
+        UpperCasePipe
+      ]
+    }).createComponent(UsingNgTemplateRefComponent);
+
+    component = fixture.componentInstance;
+
+    fixture.detectChanges(); // initial binding
+  });
+
+  it('should create the app', waitForAsync(() => {
+    const app = fixture.debugElement.componentInstance;
+    expect(app).toBeTruthy();
+  }));
+
+  it('should have title "Using Angular TemplateRef"', waitForAsync(() => {
+    const app = fixture.debugElement.componentInstance as UsingNgTemplateRefComponent;
+    expect(app.pageTitle).toBe('Using Angular TemplateRef');
+  }));
+
+  it('should have firstName, lastName columns have text in uppercase', async () => {
+    const app = fixture.debugElement.componentInstance as UsingNgTemplateRefComponent;
+    await fixture.whenStable();
+
+    const query = fixture.debugElement.query(By.directive(DataTableDirective));
+    const dir = query.injector.get(DataTableDirective);
+    expect(dir).toBeTruthy();
+
+    expect(app.message).toBe('');
+
+    const row: HTMLTableRowElement = fixture.nativeElement.querySelector('tbody tr:first-child');
+    const button: HTMLButtonElement = row.querySelector('button.btn-sm');
+    button.click();
+
+    expect(app.message).toBe(`Event 'action1' with data '{}`);
+
+  });
+
+});

demo/src/app/advanced/using-ng-template-ref.component.ts

@@ -60,7 +60,8 @@ export class UsingNgTemplateRefComponent implements OnInit, AfterViewInit {
 
     // wait before loading table
     setTimeout(() => {
-      this.dtTrigger.next();
+      // fix: unit test fails if dtOptions isn't sent with dtTrigger
+      this.dtTrigger.next(this.dtOptions);
     }, 200);
   }