@memberjunction/ng-tasks 5.43.0 → 5.44.0

package/.turbo/turbo-build.log

@@ -1,4 +1,4 @@
 
-> @memberjunction/ng-tasks@5.43.0 build
+> @memberjunction/ng-tasks@5.44.0 build
 > ngc
 

package/CHANGELOG.md

@@ -1,5 +1,27 @@
 # @memberjunction/ng-tasks
 
+## 5.44.0
+
+### Patch Changes
+
+- Updated dependencies [3633fbb]
+- Updated dependencies [1367fbb]
+- Updated dependencies [5396d90]
+- Updated dependencies [7279819]
+- Updated dependencies [d44e430]
+- Updated dependencies [6f74b17]
+- Updated dependencies [be5ab50]
+- Updated dependencies [aa9102d]
+- Updated dependencies [2f926df]
+- Updated dependencies [863a10d]
+- Updated dependencies [2f9b863]
+  - @memberjunction/ai-engine-base@5.44.0
+  - @memberjunction/ai-core-plus@5.44.0
+  - @memberjunction/core-entities@5.44.0
+  - @memberjunction/core@5.44.0
+  - @memberjunction/global@5.44.0
+  - @memberjunction/ng-shared-generic@5.44.0
+
 ## 5.43.0
 
 ### Patch Changes

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@memberjunction/ng-tasks",
-  "version": "5.43.0",
+  "version": "5.44.0",
   "description": "MemberJunction: Angular components for task visualization and management with Gantt chart support",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -15,12 +15,12 @@
     "@angular/common": "21.1.3",
     "@angular/core": "21.1.3",
     "@angular/platform-browser": "21.1.3",
-    "@memberjunction/ai-core-plus": "5.43.0",
-    "@memberjunction/ai-engine-base": "5.43.0",
-    "@memberjunction/core": "5.43.0",
-    "@memberjunction/core-entities": "5.43.0",
-    "@memberjunction/global": "5.43.0",
-    "@memberjunction/ng-shared-generic": "5.43.0",
+    "@memberjunction/ai-core-plus": "5.44.0",
+    "@memberjunction/ai-engine-base": "5.44.0",
+    "@memberjunction/core": "5.44.0",
+    "@memberjunction/core-entities": "5.44.0",
+    "@memberjunction/global": "5.44.0",
+    "@memberjunction/ng-shared-generic": "5.44.0",
     "dhtmlx-gantt": "^9.1.1",
     "rxjs": "^7.8.2"
   },
@@ -35,6 +35,7 @@
     "url": "https://github.com/MemberJunction/MJ"
   },
   "devDependencies": {
+    "@memberjunction/ng-test-utils": "5.44.0",
     "vitest": "^4.0.18"
   }
 }

package/src/lib/components/simple-task-viewer.component.dom.test.ts

@@ -0,0 +1,74 @@
+import { describe, it, expect } from 'vitest';
+import { renderComponentFixture, query, queryAll, text, hasClass, click, capture } from '@memberjunction/ng-test-utils';
+import { SimpleTaskViewerComponent } from './simple-task-viewer.component';
+
+/**
+ * DOM-level spec for <mj-simple-task-viewer>. tasks/@Input is MJTaskEntity[]; the template
+ * only reads plain fields, so plain objects via `inputs` suffice.
+ *
+ * Clicking a task sets selectedTask and renders the child <mj-task-detail-panel>. That child's
+ * ngOnInit only touches AIEngineBase when task.AgentID is set, so all task fixtures here OMIT
+ * AgentID — no engine/backend call. selectedTask is set via a real (click) DOM event, which
+ * marks the view dirty the zoneless-correct way (guide §5), so the follow-up render is clean.
+ */
+describe('SimpleTaskViewerComponent (DOM)', () => {
+  const tasks = [
+    { ID: 'a1b2c3d4-0000-0000-0000-000000000001', Name: 'First task', Status: 'In Progress', PercentComplete: 30 },
+    { ID: 'a1b2c3d4-0000-0000-0000-000000000002', Name: 'Second task', Status: 'Complete', PercentComplete: 100 },
+  ];
+
+  it('renders one row per task with its title', () => {
+    const f = renderComponentFixture(SimpleTaskViewerComponent, { inputs: { tasks } });
+    const items = queryAll(f, '.task-item');
+    expect(items.length).toBe(2);
+    const titles = queryAll(f, '.task-title').map((el) => el.textContent?.trim());
+    expect(titles[0]).toContain('First task');
+    expect(titles[1]).toContain('Second task');
+  });
+
+  it('marks the completed task with the completed class and check icon', () => {
+    const f = renderComponentFixture(SimpleTaskViewerComponent, { inputs: { tasks } });
+    const items = queryAll(f, '.task-item');
+    expect(items[0].classList.contains('completed')).toBe(false);
+    expect(items[1].classList.contains('completed')).toBe(true);
+    // completed-check icon only renders for the Complete task
+    expect(items[0].querySelector('.completed-check')).toBeNull();
+    expect(items[1].querySelector('.completed-check')).not.toBeNull();
+  });
+
+  it('renders the compact progress fill width from PercentComplete', () => {
+    const f = renderComponentFixture(SimpleTaskViewerComponent, { inputs: { tasks } });
+    const fills = queryAll(f, '.progress-fill-compact') as HTMLElement[];
+    expect(fills[0].style.width).toBe('30%');
+    expect(fills[1].style.width).toBe('100%');
+    // the completed task's fill carries the .complete modifier
+    expect(fills[1].classList.contains('complete')).toBe(true);
+  });
+
+  it('shows the empty state when there are no tasks', () => {
+    const f = renderComponentFixture(SimpleTaskViewerComponent, { inputs: { tasks: [] } });
+    expect(query(f, '.no-tasks')).not.toBeNull();
+    expect(text(f, '.no-tasks p')).toBe('No tasks to display');
+    expect(queryAll(f, '.task-item').length).toBe(0);
+  });
+
+  it('emits taskClicked and selects the row when a task is clicked', () => {
+    const f = renderComponentFixture(SimpleTaskViewerComponent, { inputs: { tasks } });
+    const clicked = capture(f.componentInstance.taskClicked);
+
+    click(f, '.task-item'); // first row
+    f.detectChanges(); // re-render after click set selectedTask (view already marked dirty by the event)
+
+    expect(clicked).toHaveLength(1);
+    expect(clicked[0].Name).toBe('First task');
+    // selecting a task adds .selected to the first row and reveals the detail panel
+    expect(queryAll(f, '.task-item')[0].classList.contains('selected')).toBe(true);
+    expect(query(f, 'mj-task-detail-panel')).not.toBeNull();
+  });
+
+  it('does not render the detail panel before any task is selected', () => {
+    const f = renderComponentFixture(SimpleTaskViewerComponent, { inputs: { tasks } });
+    expect(query(f, 'mj-task-detail-panel')).toBeNull();
+    expect(hasClass(f, '.task-list', 'with-detail')).toBe(false);
+  });
+});

package/src/lib/components/task-detail-panel.component.dom.test.ts

@@ -0,0 +1,90 @@
+import { describe, it, expect } from 'vitest';
+import { renderComponentFixture, query, queryAll, text, click, capture } from '@memberjunction/ng-test-utils';
+import { TaskDetailPanelComponent } from './task-detail-panel.component';
+
+/**
+ * DOM-level spec for <mj-task-detail-panel>. The @Input() task is typed as MJTaskEntity,
+ * but the template only reads plain fields (Name, Description, Status, PercentComplete,
+ * dates, User) — a plain object via `inputs` is enough (see slot specs in conversations).
+ *
+ * IMPORTANT: ngOnInit/ngOnChanges call loadAgentInfo(), which only touches AIEngineBase
+ * when task.AgentID is set. Every task fixture here OMITS AgentID, so loadAgentInfo
+ * returns early and no engine/backend call happens — the agent section stays hidden.
+ */
+describe('TaskDetailPanelComponent (DOM)', () => {
+  const baseTask = { Name: 'Build report', Status: 'In Progress' };
+
+  it('renders the task name and status', () => {
+    const f = renderComponentFixture(TaskDetailPanelComponent, { inputs: { task: baseTask } });
+    expect(text(f, '.detail-header h3')).toBe('Build report');
+    // Status is always shown (no @if gate); find the field whose label is "Status".
+    const fields = queryAll(f, '.detail-field');
+    const statusField = fields.find((el) => el.querySelector('label')?.textContent?.trim() === 'Status');
+    expect(statusField?.querySelector('p')?.textContent?.trim()).toBe('In Progress');
+  });
+
+  it('hides the Description field when task has no description', () => {
+    const f = renderComponentFixture(TaskDetailPanelComponent, { inputs: { task: baseTask } });
+    const labels = queryAll(f, '.detail-field label').map((el) => el.textContent?.trim());
+    expect(labels).not.toContain('Description');
+  });
+
+  it('shows the Description field when task has a description', () => {
+    const f = renderComponentFixture(TaskDetailPanelComponent, {
+      inputs: { task: { ...baseTask, Description: 'Quarterly numbers' } },
+    });
+    const labels = queryAll(f, '.detail-field label').map((el) => el.textContent?.trim());
+    expect(labels).toContain('Description');
+    const descField = queryAll(f, '.detail-field').find((el) => el.querySelector('label')?.textContent?.trim() === 'Description');
+    expect(descField?.querySelector('p')?.textContent?.trim()).toBe('Quarterly numbers');
+  });
+
+  it('renders the progress fill width from PercentComplete', () => {
+    const f = renderComponentFixture(TaskDetailPanelComponent, {
+      inputs: { task: { ...baseTask, PercentComplete: 42 } },
+    });
+    const fill = query(f, '.progress-fill-detail') as HTMLElement;
+    expect(fill).not.toBeNull();
+    expect(fill.style.width).toBe('42%');
+    expect(text(f, '.detail-progress span')).toBe('42%');
+  });
+
+  it('hides the progress field when PercentComplete is null', () => {
+    const f = renderComponentFixture(TaskDetailPanelComponent, {
+      inputs: { task: { ...baseTask, PercentComplete: null } },
+    });
+    expect(query(f, '.detail-progress')).toBeNull();
+  });
+
+  it('does not render the agent section when there is no agent', () => {
+    const f = renderComponentFixture(TaskDetailPanelComponent, { inputs: { task: baseTask } });
+    expect(query(f, '.agent-info')).toBeNull();
+  });
+
+  it('shows the agent-run link when agentRunId is set, and emits openEntityRecord on click', () => {
+    const f = renderComponentFixture(TaskDetailPanelComponent, {
+      inputs: { task: baseTask, agentRunId: 'run-123' },
+    });
+    const link = query(f, '.agent-run-link');
+    expect(link).not.toBeNull();
+
+    const emitted = capture(f.componentInstance.openEntityRecord);
+    click(f, '.agent-run-link');
+    expect(emitted).toHaveLength(1);
+    expect(emitted[0]).toEqual({ entityName: 'MJ: AI Agent Runs', recordId: 'run-123' });
+  });
+
+  it('hides the agent-run link when agentRunId is null', () => {
+    const f = renderComponentFixture(TaskDetailPanelComponent, {
+      inputs: { task: baseTask, agentRunId: null },
+    });
+    expect(query(f, '.agent-run-link')).toBeNull();
+  });
+
+  it('emits closePanel when the close button is clicked', () => {
+    const f = renderComponentFixture(TaskDetailPanelComponent, { inputs: { task: baseTask } });
+    const closed = capture(f.componentInstance.closePanel);
+    click(f, '.close-detail-btn');
+    expect(closed).toHaveLength(1);
+  });
+});

package/src/lib/components/task.component.dom.test.ts

@@ -0,0 +1,72 @@
+import { describe, it, expect } from 'vitest';
+import { renderComponentFixture, query, queryAll, text, capture } from '@memberjunction/ng-test-utils';
+import { TaskComponent } from './task.component';
+
+/**
+ * DOM-level spec for <mj-task> — the compound component that hosts the header/view-toggle
+ * and switches between the Simple and Gantt viewers.
+ *
+ * We test ONLY in the default 'simple' viewMode. Switching to 'gantt' renders
+ * <mj-gantt-task-viewer>, which boots the dhtmlx-gantt canvas library in ngAfterViewInit
+ * (not jsdom-friendly) — that path is deferred. So we assert the toggle's wiring via the
+ * "List" button (which keeps viewMode === 'simple') and the @Output, never by rendering gantt.
+ */
+describe('TaskComponent (DOM)', () => {
+  it('renders the header with title and description when showHeader is true', () => {
+    const f = renderComponentFixture(TaskComponent, {
+      inputs: { tasks: [], title: 'My Work', description: 'Things to do' },
+    });
+    expect(query(f, '.task-header')).not.toBeNull();
+    expect(text(f, '.task-title')).toBe('My Work');
+    expect(text(f, '.task-description')).toBe('Things to do');
+  });
+
+  it('hides the header entirely when showHeader is false', () => {
+    const f = renderComponentFixture(TaskComponent, {
+      inputs: { tasks: [], showHeader: false, title: 'Hidden' },
+    });
+    expect(query(f, '.task-header')).toBeNull();
+    expect(query(f, '.task-title')).toBeNull();
+  });
+
+  it('omits the title element when no title is provided', () => {
+    const f = renderComponentFixture(TaskComponent, { inputs: { tasks: [] } });
+    expect(query(f, '.task-header')).not.toBeNull();
+    expect(query(f, '.task-title')).toBeNull();
+  });
+
+  it('renders the view toggle by default and marks the List button active in simple mode', () => {
+    const f = renderComponentFixture(TaskComponent, { inputs: { tasks: [] } });
+    const buttons = queryAll(f, '.toggle-btn');
+    expect(buttons.length).toBe(2);
+    const [ganttBtn, listBtn] = buttons;
+    // default viewMode === 'simple' → List active, Gantt not
+    expect(listBtn.classList.contains('active')).toBe(true);
+    expect(ganttBtn.classList.contains('active')).toBe(false);
+  });
+
+  it('hides the view toggle when showViewToggle is false', () => {
+    const f = renderComponentFixture(TaskComponent, { inputs: { tasks: [], showViewToggle: false } });
+    expect(query(f, '.view-toggle')).toBeNull();
+  });
+
+  it('renders the simple viewer in the default simple mode', () => {
+    const f = renderComponentFixture(TaskComponent, { inputs: { tasks: [] } });
+    expect(query(f, 'mj-simple-task-viewer')).not.toBeNull();
+    expect(query(f, 'mj-gantt-task-viewer')).toBeNull();
+  });
+
+  it('emits viewModeChanged when the (already-active) List toggle is clicked, staying in simple mode', () => {
+    const f = renderComponentFixture(TaskComponent, { inputs: { tasks: [] } });
+    const changed = capture(f.componentInstance.viewModeChanged);
+
+    // second toggle button is "List" → setViewMode('simple'); keeps us out of the gantt render path
+    const listBtn = queryAll(f, '.toggle-btn')[1] as HTMLButtonElement;
+    listBtn.click();
+    f.detectChanges();
+
+    expect(changed).toHaveLength(1);
+    expect(changed[0]).toBe('simple');
+    expect(query(f, 'mj-gantt-task-viewer')).toBeNull();
+  });
+});

package/tsconfig.spec.json

@@ -0,0 +1,13 @@
+{
+  "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "types": ["vitest/globals", "node"]
+  },
+  "include": [
+    "src/**/*.ts"
+  ],
+  "exclude": [
+    "node_modules",
+    "dist"
+  ]
+}

package/vitest.config.ts

@@ -1,11 +1,14 @@
 import { defineProject, mergeConfig } from 'vitest/config';
-import sharedConfig from '../../../../vitest.shared';
+import domSharedConfig from '../../../../vitest.dom.shared';
 
+// Single DOM preset: this package has no class-level spec that vi.mock('@angular/core'),
+// so the existing node/logic specs (index.test.ts, task-models.test.ts) run fine under
+// jsdom alongside the DOM component specs. See guides/ANGULAR_TESTING_GUIDE.md §3b.
 export default mergeConfig(
-  sharedConfig,
+  domSharedConfig,
   defineProject({
     test: {
-      environment: 'node',
+      name: '@memberjunction/ng-tasks',
     },
-  })
+  }),
 );

package/dist/__tests__/index.test.d.ts

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=index.test.d.ts.map

package/dist/__tests__/index.test.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.test.d.ts","sourceRoot":"","sources":["../../src/__tests__/index.test.ts"],"names":[],"mappings":""}

package/dist/__tests__/index.test.js

@@ -1,7 +0,0 @@
-import { describe, it, expect } from 'vitest';
-describe('@memberjunction/ng-tasks', () => {
-    it('should have a passing test', () => {
-        expect(true).toBe(true);
-    });
-});
-//# sourceMappingURL=index.test.js.map

package/dist/__tests__/index.test.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.test.js","sourceRoot":"","sources":["../../src/__tests__/index.test.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,EAAE,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAC;AAE9C,QAAQ,CAAC,0BAA0B,EAAE,GAAG,EAAE;IACxC,EAAE,CAAC,4BAA4B,EAAE,GAAG,EAAE;QACpC,MAAM,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC1B,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { describe, it, expect } from 'vitest';\n\ndescribe('@memberjunction/ng-tasks', () => {\n  it('should have a passing test', () => {\n    expect(true).toBe(true);\n  });\n});\n"]}

package/dist/__tests__/task-models.test.d.ts

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=task-models.test.d.ts.map

package/dist/__tests__/task-models.test.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"task-models.test.d.ts","sourceRoot":"","sources":["../../src/__tests__/task-models.test.ts"],"names":[],"mappings":""}

package/dist/__tests__/task-models.test.js

@@ -1,49 +0,0 @@
-import { describe, it, expect } from 'vitest';
-describe('TaskViewMode', () => {
-    it('should accept simple mode', () => {
-        const mode = 'simple';
-        expect(mode).toBe('simple');
-    });
-    it('should accept gantt mode', () => {
-        const mode = 'gantt';
-        expect(mode).toBe('gantt');
-    });
-});
-describe('GanttTask', () => {
-    it('should construct a basic gantt task', () => {
-        const task = {
-            id: 'task-1',
-            name: 'Design Phase',
-            start: '2026-01-01',
-            end: '2026-01-15',
-            progress: 75
-        };
-        expect(task.id).toBe('task-1');
-        expect(task.progress).toBe(75);
-        expect(task.dependencies).toBeUndefined();
-    });
-    it('should support dependencies and custom class', () => {
-        const task = {
-            id: 'task-2',
-            name: 'Implementation',
-            start: '2026-01-16',
-            end: '2026-02-15',
-            progress: 30,
-            dependencies: 'task-1',
-            custom_class: 'critical-task'
-        };
-        expect(task.dependencies).toBe('task-1');
-        expect(task.custom_class).toBe('critical-task');
-    });
-    it('should handle zero progress', () => {
-        const task = {
-            id: 'task-3',
-            name: 'Future Task',
-            start: '2026-03-01',
-            end: '2026-03-30',
-            progress: 0
-        };
-        expect(task.progress).toBe(0);
-    });
-});
-//# sourceMappingURL=task-models.test.js.map

package/dist/__tests__/task-models.test.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"task-models.test.js","sourceRoot":"","sources":["../../src/__tests__/task-models.test.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,EAAE,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAC;AAG9C,QAAQ,CAAC,cAAc,EAAE,GAAG,EAAE;IAC5B,EAAE,CAAC,2BAA2B,EAAE,GAAG,EAAE;QACnC,MAAM,IAAI,GAAiB,QAAQ,CAAC;QACpC,MAAM,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;IAC9B,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,0BAA0B,EAAE,GAAG,EAAE;QAClC,MAAM,IAAI,GAAiB,OAAO,CAAC;QACnC,MAAM,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;IAC7B,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC;AAEH,QAAQ,CAAC,WAAW,EAAE,GAAG,EAAE;IACzB,EAAE,CAAC,qCAAqC,EAAE,GAAG,EAAE;QAC7C,MAAM,IAAI,GAAc;YACtB,EAAE,EAAE,QAAQ;YACZ,IAAI,EAAE,cAAc;YACpB,KAAK,EAAE,YAAY;YACnB,GAAG,EAAE,YAAY;YACjB,QAAQ,EAAE,EAAE;SACb,CAAC;QACF,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;QAC/B,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;QAC/B,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,aAAa,EAAE,CAAC;IAC5C,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,8CAA8C,EAAE,GAAG,EAAE;QACtD,MAAM,IAAI,GAAc;YACtB,EAAE,EAAE,QAAQ;YACZ,IAAI,EAAE,gBAAgB;YACtB,KAAK,EAAE,YAAY;YACnB,GAAG,EAAE,YAAY;YACjB,QAAQ,EAAE,EAAE;YACZ,YAAY,EAAE,QAAQ;YACtB,YAAY,EAAE,eAAe;SAC9B,CAAC;QACF,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;QACzC,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC;IAClD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,6BAA6B,EAAE,GAAG,EAAE;QACrC,MAAM,IAAI,GAAc;YACtB,EAAE,EAAE,QAAQ;YACZ,IAAI,EAAE,aAAa;YACnB,KAAK,EAAE,YAAY;YACnB,GAAG,EAAE,YAAY;YACjB,QAAQ,EAAE,CAAC;SACZ,CAAC;QACF,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;IAChC,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { describe, it, expect } from 'vitest';\nimport type { TaskViewMode, GanttTask } from '../lib/models/task-view.models';\n\ndescribe('TaskViewMode', () => {\n  it('should accept simple mode', () => {\n    const mode: TaskViewMode = 'simple';\n    expect(mode).toBe('simple');\n  });\n\n  it('should accept gantt mode', () => {\n    const mode: TaskViewMode = 'gantt';\n    expect(mode).toBe('gantt');\n  });\n});\n\ndescribe('GanttTask', () => {\n  it('should construct a basic gantt task', () => {\n    const task: GanttTask = {\n      id: 'task-1',\n      name: 'Design Phase',\n      start: '2026-01-01',\n      end: '2026-01-15',\n      progress: 75\n    };\n    expect(task.id).toBe('task-1');\n    expect(task.progress).toBe(75);\n    expect(task.dependencies).toBeUndefined();\n  });\n\n  it('should support dependencies and custom class', () => {\n    const task: GanttTask = {\n      id: 'task-2',\n      name: 'Implementation',\n      start: '2026-01-16',\n      end: '2026-02-15',\n      progress: 30,\n      dependencies: 'task-1',\n      custom_class: 'critical-task'\n    };\n    expect(task.dependencies).toBe('task-1');\n    expect(task.custom_class).toBe('critical-task');\n  });\n\n  it('should handle zero progress', () => {\n    const task: GanttTask = {\n      id: 'task-3',\n      name: 'Future Task',\n      start: '2026-03-01',\n      end: '2026-03-30',\n      progress: 0\n    };\n    expect(task.progress).toBe(0);\n  });\n});\n"]}