refactor: organize test files (#506)

Author: walkerkay

packages/gantt/src/table/test/table.spec.ts

@@ -7,9 +7,7 @@ import { BrowserDynamicTestingModule, platformBrowserDynamicTesting } from '@ang
 import { setDefaultOptions } from 'date-fns';
 import { zhCN } from 'date-fns/locale';
 
-setDefaultOptions({
-    locale: zhCN
-});
+console.log('Default timezone：' + Intl.DateTimeFormat().resolvedOptions().timeZone);
 
 // First, initialize the Angular testing environment.
 getTestBed().initTestEnvironment(BrowserDynamicTestingModule, platformBrowserDynamicTesting(), {

packages/gantt/src/test.ts

@@ -1,5 +1,4 @@
-import { GanttDate } from '../../utils/date';
-import { GanttGroup, GanttGroupInternal } from '../group';
+import { GanttGroup, GanttGroupInternal } from '../../class/group';
 
 const group: GanttGroup = {
     id: '00001',

packages/gantt/src/class/test/group.spec.ts renamed to packages/gantt/src/test/class/gantt-group.spec.ts

@@ -1,6 +1,6 @@
 import { GanttLinkType } from 'ngx-gantt';
 import { GanttDate } from '../../utils/date';
-import { GanttItem, GanttItemInternal } from '../item';
+import { GanttItem, GanttItemInternal } from '../../class/item';
 
 class FakeView {
     getDateByXPoint() {
@@ -111,12 +111,4 @@ describe('GanttItemInternal', () => {
         ganttItemInternal.setExpand(true);
         expect(ganttItemInternal.expanded).toBe(true);
     });
-
-    it(`should add link`, () => {
-        ganttItemInternal.addLink({
-            link: '0102',
-            type: GanttLinkType.fs
-        });
-        // expect(ganttItemInternal.links).toContain('0102');
-    });
 });

packages/gantt/src/class/test/item.spec.ts renamed to packages/gantt/src/test/class/gantt-item.spec.ts

@@ -0,0 +1,106 @@
+import { DebugElement } from '@angular/core';
+import { ComponentFixture } from '@angular/core/testing';
+import { By } from '@angular/platform-browser';
+import {
+    GanttBaselineItem,
+    GanttBaselineItemInternal,
+    GanttCalendarHeaderComponent,
+    GanttGroup,
+    GanttItem,
+    GanttItemInternal,
+    NgxGanttBarComponent,
+    NgxGanttBaselineComponent,
+    NgxGanttComponent
+} from 'ngx-gantt';
+
+interface TestGanttComponentBase {
+    ganttComponent: NgxGanttComponent;
+}
+
+export function assertGanttView<T extends TestGanttComponentBase>(
+    fixture: ComponentFixture<T>,
+    expected: {
+        firstPrimaryDataPointText: string;
+        lastPrimaryDataPointText: string;
+        firstSecondaryDataPointText: string;
+        lastSecondaryDataPointText: string;
+    }
+) {
+    const calendarElement = fixture.debugElement.query(By.directive(GanttCalendarHeaderComponent));
+    const primaryElements = calendarElement.queryAll(By.css('.primary-text'));
+    const secondaryElements = calendarElement.queryAll(By.css('.secondary-text'));
+    expect(primaryElements.length).toEqual(fixture.componentInstance.ganttComponent.view.primaryDatePoints.length);
+    expect(secondaryElements.length).toEqual(fixture.componentInstance.ganttComponent.view.secondaryDatePoints.length);
+    expect(primaryElements[0].nativeElement.textContent).toContain(expected.firstPrimaryDataPointText);
+    expect(primaryElements[primaryElements.length - 1].nativeElement.textContent).toContain(expected.lastPrimaryDataPointText);
+    expect(secondaryElements[0].nativeElement.textContent).toContain(expected.firstSecondaryDataPointText);
+    expect(secondaryElements[secondaryElements.length - 1].nativeElement.textContent).toContain(expected.lastSecondaryDataPointText);
+}
+
+export function assertItem(item: DebugElement, ganttItem: GanttItemInternal | GanttBaselineItemInternal) {
+    const elem = item.nativeElement as HTMLElement;
+    const top = elem.style.getPropertyValue('top');
+    const bottom = elem.style.getPropertyValue('bottom');
+    const left = elem.style.getPropertyValue('left');
+    const width = elem.style.getPropertyValue('width');
+    if (ganttItem instanceof GanttItemInternal) {
+        expect(top).toEqual(ganttItem.refs.y + 'px');
+    } else {
+        expect(bottom).toEqual(2 + 'px');
+    }
+
+    expect(left).toEqual(ganttItem.refs.x + 'px');
+    expect(width).toEqual(ganttItem.refs.width + 'px');
+}
+
+export function assertItems<T extends TestGanttComponentBase>(fixture: ComponentFixture<T>, expectedItems: GanttItem[]) {
+    const { ganttComponent } = fixture.componentInstance;
+    const items = fixture.debugElement.queryAll(By.directive(NgxGanttBarComponent));
+    expect(items.length).toEqual(expectedItems.length);
+    items.forEach((item: DebugElement, index: number) => {
+        expect(ganttComponent.items[index].id).toEqual(expectedItems[index].id);
+        assertItem(item, ganttComponent.items[index]);
+    });
+}
+
+export function assertBaselineItems<T extends TestGanttComponentBase>(fixture: ComponentFixture<T>, expectedItems: GanttBaselineItem[]) {
+    const { ganttComponent } = fixture.componentInstance;
+    const items = fixture.debugElement.queryAll(By.directive(NgxGanttBaselineComponent));
+    expect(items.length).toEqual(expectedItems.length);
+    items.forEach((item: DebugElement, index: number) => {
+        expect(ganttComponent.baselineItems[index].id).toEqual(expectedItems[index].id);
+        assertItem(item, ganttComponent.baselineItems[index]);
+    });
+}
+
+export function assertGroups<T extends TestGanttComponentBase>(fixture: ComponentFixture<T>, expectedGroups: GanttGroup[]) {
+    const { ganttComponent } = fixture.componentInstance;
+    const groups = fixture.debugElement.queryAll(By.css('.gantt-group'));
+    groups.forEach((group: DebugElement, groupIndex: number) => {
+        expect(ganttComponent.groups[groupIndex].id).toEqual(expectedGroups[groupIndex].id);
+        const items = group.queryAll(By.directive(NgxGanttBarComponent));
+        items.forEach((item: DebugElement, itemIndex: number) => {
+            assertItem(item, ganttComponent.groups[groupIndex].items[itemIndex]);
+        });
+    });
+}
+
+export function assertConfigStyle(ganttComponent: NgxGanttComponent, ganttDebugElement: DebugElement) {
+    const styleOptionsBindElement = {
+        headerHeight: ['.gantt-calendar-header', '.gantt-table-header'],
+        lineHeight: ['.gantt-item', '.gantt-table-item', '.gantt-group', '.gantt-table-group'],
+        barHeight: ['.gantt-bar']
+    };
+    for (const key in styleOptionsBindElement) {
+        if (Object.prototype.hasOwnProperty.call(styleOptionsBindElement, key)) {
+            const bindElementsClass = styleOptionsBindElement[key];
+            bindElementsClass.forEach((elementClass) => {
+                const element = ganttDebugElement.query(By.css(elementClass));
+                if (element) {
+                    const height = element.nativeElement.style.getPropertyValue('height');
+                    expect(height).toEqual(ganttComponent.configService.config.styleOptions[key] + 'px');
+                }
+            });
+        }
+    }
+}