From 1b2476ad7bd60d5a9fdce270f8f1c3944aaf7e55 Mon Sep 17 00:00:00 2001
From: mehmet-erim <bilgi@mehmeterim.com>
Date: Thu, 9 Jan 2020 17:45:53 +0300
Subject: [PATCH] tests(theme-shared): add table.component.spec

#2537
---
 .../src/lib/tests/loading.directive.spec.ts   |  4 +-
 .../src/lib/tests/table.component.spec.ts     | 74 +++++++++++++++++++
 2 files changed, 76 insertions(+), 2 deletions(-)
 create mode 100644 npm/ng-packs/packages/theme-shared/src/lib/tests/table.component.spec.ts

diff --git a/npm/ng-packs/packages/theme-shared/src/lib/tests/loading.directive.spec.ts b/npm/ng-packs/packages/theme-shared/src/lib/tests/loading.directive.spec.ts
index e19dfa9853..1b49b8581c 100644
--- a/npm/ng-packs/packages/theme-shared/src/lib/tests/loading.directive.spec.ts
+++ b/npm/ng-packs/packages/theme-shared/src/lib/tests/loading.directive.spec.ts
@@ -55,10 +55,10 @@ describe('LoadingDirective', () => {
     });
 
     it('should remove the loading component to the DOM', done => {
-      const spy = jest.spyOn(spectator.directive['renderer'], 'removeChild');
+      const rendererSpy = jest.spyOn(spectator.directive['renderer'], 'removeChild');
       spectator.setHostInput({ status: false });
       setTimeout(() => {
-        expect(spy).toHaveBeenCalled();
+        expect(rendererSpy).toHaveBeenCalled();
         expect(spectator.directive.rootNode).toBeFalsy();
         done();
       }, 0);
diff --git a/npm/ng-packs/packages/theme-shared/src/lib/tests/table.component.spec.ts b/npm/ng-packs/packages/theme-shared/src/lib/tests/table.component.spec.ts
new file mode 100644
index 0000000000..df2894cc3e
--- /dev/null
+++ b/npm/ng-packs/packages/theme-shared/src/lib/tests/table.component.spec.ts
@@ -0,0 +1,74 @@
+import { createHostFactory, SpectatorHost } from '@ngneat/spectator/jest';
+import { PaginationComponent, TableComponent } from '../components';
+
+import { Pipe, PipeTransform } from '@angular/core';
+
+@Pipe({
+  name: 'abpLocalization',
+})
+export class DummyLocalizationPipe implements PipeTransform {
+  transform(value: any, ...args: any[]): any {
+    return value;
+  }
+}
+
+describe('TableComponent', () => {
+  let spectator: SpectatorHost<TableComponent>;
+  const createHost = createHostFactory({
+    component: TableComponent,
+    declarations: [PaginationComponent, DummyLocalizationPipe],
+  });
+
+  describe('without value', () => {
+    beforeEach(() => {
+      spectator = createHost(
+        `<abp-table
+          [headerTemplate]="header"
+          [colgroupTemplate]="colgroup"
+          [value]="value">
+        </abp-table>
+        <ng-template #colgroup><colgroup><col /></colgroup></ng-template>
+        <ng-template #header><th>name</th></ng-template>`,
+        {
+          hostProps: {
+            value: [],
+          },
+        },
+      );
+    });
+
+    it('should display the empty message', () => {
+      expect(spectator.query('tr.empty-row>div')).toHaveText(
+        'AbpAccount::NoDataAvailableInDatatable',
+      );
+    });
+
+    it('should display the header', () => {
+      expect(spectator.query('thead')).toBeTruthy();
+      expect(spectator.query('th')).toHaveText('name');
+    });
+
+    it('should place the colgroup template', () => {
+      expect(spectator.query('colgroup')).toBeTruthy();
+      expect(spectator.query('col')).toBeTruthy();
+    });
+  });
+
+  describe('with value', () => {
+    // TODO
+    beforeEach(() => {
+      spectator = createHost(
+        `<abp-table
+        [headerTemplate]="header"
+        [value]="value"></abp-table>
+        <ng-template #header><th>name</th></ng-template>
+        `,
+        {
+          hostProps: {
+            value: [],
+          },
+        },
+      );
+    });
+  });
+});