feat: tests for with-ajax component

Author: shanmukhateja

demo/src/app/basic/with-ajax.component.spec.ts

@@ -0,0 +1,61 @@
+/* tslint:disable:no-unused-variable */
+
+import { RouterTestingModule } from '@angular/router/testing';
+import { HttpClientModule } from '@angular/common/http';
+import { SecurityContext } from '@angular/core';
+import { 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 { WithAjaxComponent } from './with-ajax.component';
+import { AppRoutingModule } from '../app.routing';
+
+describe('WithAjaxComponent', () => {
+  beforeEach(() => {
+    TestBed.configureTestingModule({
+      declarations: [
+        BaseDemoComponent,
+        WithAjaxComponent,
+        DataTableDirective
+      ],
+      imports: [
+        AppRoutingModule,
+        RouterTestingModule,
+        DataTablesModule,
+        HttpClientModule,
+        MarkdownModule.forRoot(
+          {
+            sanitize: SecurityContext.NONE
+          }
+        )
+      ]
+    }).compileComponents();
+  });
+
+  it('should create the app', waitForAsync(() => {
+    const fixture = TestBed.createComponent(WithAjaxComponent);
+    const app = fixture.debugElement.componentInstance;
+    expect(app).toBeTruthy();
+  }));
+
+  it('should have title "With Ajax"', waitForAsync(() => {
+    const fixture = TestBed.createComponent(WithAjaxComponent);
+    const app = fixture.debugElement.componentInstance as WithAjaxComponent;
+    expect(app.pageTitle).toBe('With Ajax');
+  }));
+
+  it('should have table populated via AJAX', waitForAsync(() => {
+    const fixture = TestBed.createComponent(WithAjaxComponent);
+    const app = fixture.debugElement.componentInstance as WithAjaxComponent;
+    expect(app.dtOptions.columns).toBeFalsy();
+    // trigger change detection
+    fixture.detectChanges();
+    expect(app.dtOptions.columns).toBeDefined();
+
+    // check table is populated
+    setTimeout(() => {
+      expect($('#preview table tbody').children().length).toBeGreaterThan(0);
+    }, 700);
+  }));
+
+});