gantt-source_management 3.37.5

package/cypress/e2e/grid-cells.test.ts

@@ -0,0 +1,72 @@
+import { DataChartTime } from '../../dist/gstc';
+import { fixed } from '../helpers';
+
+describe('Grid cells', () => {
+  it('should display grid cell properly', () => {
+    let gstc, state;
+    cy.load('/examples/one-month')
+      .window()
+      .then((win) => {
+        // @ts-ignore
+        gstc = win.gstc;
+        // @ts-ignore
+        state = win.state;
+      })
+      .log('start')
+      .then(() => {
+        const chartTime: DataChartTime = state.get('$data.chart.time');
+        let cell = Cypress.$('.gstc__chart-timeline-grid-row-cell').get(0);
+        let date = Cypress.$('.gstc__chart-calendar-date--day').get(0);
+        let data = chartTime.levels[chartTime.level][0];
+        expect(fixed(date.style.width)).to.eq(fixed(cell.style.width));
+        expect(fixed(date.offsetLeft)).to.eq(fixed(cell.offsetLeft));
+        expect(fixed(data.currentView.width)).to.eq(fixed(date.style.width));
+        cell = Cypress.$('.gstc__chart-timeline-grid-row-cell').get(20);
+        date = Cypress.$('.gstc__chart-calendar-date--day').get(20);
+        data = chartTime.levels[chartTime.level][20];
+        expect(fixed(date.style.width)).to.eq(fixed(cell.style.width));
+        expect(fixed(date.offsetLeft)).to.eq(fixed(cell.offsetLeft));
+        expect(fixed(data.currentView.width)).to.eq(fixed(date.style.width));
+      })
+      .log('#btn-next-month click')
+      .get('#btn-next-month')
+      .click()
+      .wait(300)
+      .then(() => {
+        const chartTime: DataChartTime = state.get('$data.chart.time');
+        let cell = Cypress.$('.gstc__chart-timeline-grid-row-cell').get(0);
+        let date = Cypress.$('.gstc__chart-calendar-date--day').get(0);
+        let data = chartTime.levels[chartTime.level][0];
+        expect(fixed(date.style.width)).to.eq(fixed(cell.style.width));
+        expect(fixed(date.offsetLeft)).to.eq(fixed(cell.offsetLeft));
+        expect(fixed(data.currentView.width)).to.eq(fixed(date.style.width));
+        cell = Cypress.$('.gstc__chart-timeline-grid-row-cell').get(20);
+        date = Cypress.$('.gstc__chart-calendar-date--day').get(20);
+        data = chartTime.levels[chartTime.level][20];
+        expect(fixed(date.style.width)).to.eq(fixed(cell.style.width));
+        expect(fixed(date.offsetLeft)).to.eq(fixed(cell.offsetLeft));
+        expect(fixed(data.currentView.width)).to.eq(fixed(date.style.width));
+      })
+      .log('#btn-prev-month click')
+      .get('#btn-prev-month')
+      .click()
+      .wait(300)
+      .click()
+      .wait(300)
+      .then(() => {
+        const chartTime: DataChartTime = state.get('$data.chart.time');
+        let cell = Cypress.$('.gstc__chart-timeline-grid-row-cell').get(0);
+        let date = Cypress.$('.gstc__chart-calendar-date--day').get(0);
+        let data = chartTime.levels[chartTime.level][0];
+        expect(fixed(date.style.width)).to.eq(fixed(cell.style.width));
+        expect(fixed(date.offsetLeft)).to.eq(fixed(cell.offsetLeft));
+        expect(fixed(data.currentView.width)).to.eq(fixed(date.style.width));
+        cell = Cypress.$('.gstc__chart-timeline-grid-row-cell').get(20);
+        date = Cypress.$('.gstc__chart-calendar-date--day').get(20);
+        data = chartTime.levels[chartTime.level][20];
+        expect(fixed(date.style.width)).to.eq(fixed(cell.style.width));
+        expect(fixed(date.offsetLeft)).to.eq(fixed(cell.offsetLeft));
+        expect(fixed(data.currentView.width)).to.eq(fixed(date.style.width));
+      });
+  });
+});

package/cypress/e2e/items-vertical.test.ts

@@ -0,0 +1,305 @@
+import { ItemData, Items, RowData, Rows } from '../../dist/gstc';
+
+describe('Items vertical', () => {
+  it('should calculate item vertical position', () => {
+    let state;
+    cy.load('/examples/dependency-lines')
+      .window()
+      .then((win) => {
+        // @ts-ignore
+        state = win.state;
+      })
+      .then(() => {
+        const itemData: ItemData = state.get('$data.chart.items.gstcid-T12');
+        expect(itemData.position.viewTop).to.eq(364);
+      });
+  });
+
+  it('should calculate item vertical position #2', () => {
+    let state, gstc;
+    cy.load('/examples/dependency-lines')
+      .window()
+      .then((win) => {
+        // @ts-ignore
+        gstc = win.gstc;
+        // @ts-ignore
+        state = win.state;
+        const rows: Rows = {
+          'gstcid-0': {
+            id: 'gstcid-0',
+            label: 'gstcid-0',
+          },
+          'gstcid-1': {
+            id: 'gstcid-1',
+            label: 'gstcid-1',
+          },
+        };
+        const startDate = gstc.api.time.date('2020-01-01');
+        const endDate = gstc.api.time.date('2020-01-05').endOf('day');
+        const items: Items = {
+          // row 0
+          'gstcid-0': {
+            id: 'gstcid-0',
+            label: 'Item 0',
+            rowId: 'gstcid-0',
+            time: {
+              start: startDate.valueOf(),
+              end: startDate.endOf('day').valueOf(),
+            },
+          },
+          'gstcid-1': {
+            id: 'gstcid-1',
+            label: 'Item 1',
+            rowId: 'gstcid-0',
+            time: {
+              start: startDate.add(1, 'day').valueOf(),
+              end: startDate.add(1, 'day').endOf('day').valueOf(),
+            },
+          },
+          'gstcid-2': {
+            id: 'gstcid-2',
+            label: 'Item 2',
+            rowId: 'gstcid-0',
+            time: {
+              start: startDate.add(12, 'hour').valueOf(),
+              end: startDate.add(1, 'day').add(12, 'hour').valueOf(),
+            },
+          },
+          // row 2
+          'gstcid-3': {
+            id: 'gstcid-3',
+            label: 'Item 3',
+            rowId: 'gstcid-1',
+            time: {
+              start: startDate.valueOf(),
+              end: startDate.endOf('day').valueOf(),
+            },
+          },
+          'gstcid-4': {
+            id: 'gstcid-4',
+            label: 'Item 4',
+            rowId: 'gstcid-1',
+            time: {
+              start: startDate.add(1, 'day').valueOf(),
+              end: startDate.add(1, 'day').endOf('day').valueOf(),
+            },
+          },
+          'gstcid-5': {
+            id: 'gstcid-5',
+            label: 'Item 5',
+            rowId: 'gstcid-1',
+            time: {
+              start: startDate.add(12, 'hour').valueOf(),
+              end: startDate.add(1, 'day').add(12, 'hour').valueOf(),
+            },
+          },
+        };
+        state.update('config', (config) => {
+          config.list.rows = rows;
+          config.chart.items = items;
+          config.chart.time.from = startDate.valueOf();
+          config.chart.time.to = endDate.valueOf();
+          return config;
+        });
+      })
+      .wait(Cypress.env('wait'))
+      .then(() => {
+        const row0: RowData = state.get('$data.list.rows.gstcid-0');
+        expect(row0.outerHeight).to.eq(80);
+        const row1: RowData = state.get('$data.list.rows.gstcid-1');
+        expect(row1.outerHeight).to.eq(80);
+      });
+  });
+
+  it('should calculate item vertical position #3', () => {
+    let state, gstc;
+    cy.load('/examples/dependency-lines')
+      .window()
+      .then((win) => {
+        // @ts-ignore
+        gstc = win.gstc;
+        // @ts-ignore
+        state = win.state;
+        const rows: Rows = {
+          'gstcid-0': {
+            id: 'gstcid-0',
+            label: 'gstcid-0',
+          },
+          'gstcid-1': {
+            id: 'gstcid-1',
+            label: 'gstcid-1',
+          },
+        };
+        const startDate = gstc.api.time.date('2020-01-01');
+        const endDate = gstc.api.time.date('2020-01-05').endOf('day');
+        const items: Items = {
+          // row 0
+          'gstcid-0': {
+            id: 'gstcid-0',
+            label: 'Item 0',
+            rowId: 'gstcid-0',
+            time: {
+              start: startDate.valueOf(),
+              end: startDate.endOf('day').valueOf(),
+            },
+          },
+          'gstcid-1': {
+            id: 'gstcid-1',
+            label: 'Item 1',
+            rowId: 'gstcid-0',
+            time: {
+              start: startDate.add(12, 'hour').valueOf(),
+              end: startDate.add(1, 'day').add(12, 'hour').valueOf(),
+            },
+          },
+          'gstcid-2': {
+            id: 'gstcid-2',
+            label: 'Item 2',
+            rowId: 'gstcid-0',
+            time: {
+              start: startDate.add(1, 'day').valueOf(),
+              end: startDate.add(1, 'day').endOf('day').valueOf(),
+            },
+          },
+          // row 2
+          'gstcid-3': {
+            id: 'gstcid-3',
+            label: 'Item 3',
+            rowId: 'gstcid-1',
+            time: {
+              start: startDate.valueOf(),
+              end: startDate.endOf('day').valueOf(),
+            },
+          },
+          'gstcid-4': {
+            id: 'gstcid-4',
+            label: 'Item 4',
+            rowId: 'gstcid-1',
+            time: {
+              start: startDate.add(12, 'hour').valueOf(),
+              end: startDate.add(1, 'day').add(12, 'hour').valueOf(),
+            },
+          },
+          'gstcid-5': {
+            id: 'gstcid-5',
+            label: 'Item 5',
+            rowId: 'gstcid-1',
+            time: {
+              start: startDate.add(1, 'day').valueOf(),
+              end: startDate.add(1, 'day').endOf('day').valueOf(),
+            },
+          },
+        };
+        state.update('config', (config) => {
+          config.list.rows = rows;
+          config.chart.items = items;
+          config.chart.time.from = startDate.valueOf();
+          config.chart.time.to = endDate.valueOf();
+          return config;
+        });
+      })
+      .wait(Cypress.env('wait'))
+      .then(() => {
+        const row0: RowData = state.get('$data.list.rows.gstcid-0');
+        expect(row0.outerHeight).to.eq(80);
+        const row1: RowData = state.get('$data.list.rows.gstcid-1');
+        expect(row1.outerHeight).to.eq(80);
+      });
+  });
+
+  it('should calculate item vertical position #4', () => {
+    let state, gstc;
+    cy.load('/examples/dependency-lines')
+      .window()
+      .then((win) => {
+        // @ts-ignore
+        gstc = win.gstc;
+        // @ts-ignore
+        state = win.state;
+        const rows: Rows = {
+          'gstcid-0': {
+            id: 'gstcid-0',
+            label: 'gstcid-0',
+          },
+          'gstcid-1': {
+            id: 'gstcid-1',
+            label: 'gstcid-1',
+          },
+        };
+        const startDate = gstc.api.time.date('2020-01-01');
+        const endDate = gstc.api.time.date('2020-01-05').endOf('day');
+        const items: Items = {
+          // row 0
+          'gstcid-0': {
+            id: 'gstcid-0',
+            label: 'Item 0',
+            rowId: 'gstcid-0',
+            time: {
+              start: startDate.add(12, 'hour').valueOf(),
+              end: startDate.add(1, 'day').add(12, 'hour').valueOf(),
+            },
+          },
+          'gstcid-1': {
+            id: 'gstcid-1',
+            label: 'Item 1',
+            rowId: 'gstcid-0',
+            time: {
+              start: startDate.add(1, 'day').valueOf(),
+              end: startDate.add(1, 'day').endOf('day').valueOf(),
+            },
+          },
+          'gstcid-2': {
+            id: 'gstcid-2',
+            label: 'Item 2',
+            rowId: 'gstcid-0',
+            time: {
+              start: startDate.valueOf(),
+              end: startDate.endOf('day').valueOf(),
+            },
+          },
+          // row 2
+          'gstcid-3': {
+            id: 'gstcid-3',
+            label: 'Item 3',
+            rowId: 'gstcid-1',
+            time: {
+              start: startDate.add(12, 'hour').valueOf(),
+              end: startDate.add(1, 'day').add(12, 'hour').valueOf(),
+            },
+          },
+          'gstcid-4': {
+            id: 'gstcid-4',
+            label: 'Item 4',
+            rowId: 'gstcid-1',
+            time: {
+              start: startDate.add(1, 'day').valueOf(),
+              end: startDate.add(1, 'day').endOf('day').valueOf(),
+            },
+          },
+          'gstcid-5': {
+            id: 'gstcid-5',
+            label: 'Item 5',
+            rowId: 'gstcid-1',
+            time: {
+              start: startDate.valueOf(),
+              end: startDate.endOf('day').valueOf(),
+            },
+          },
+        };
+        state.update('config', (config) => {
+          config.list.rows = rows;
+          config.chart.items = items;
+          config.chart.time.from = startDate.valueOf();
+          config.chart.time.to = endDate.valueOf();
+          return config;
+        });
+      })
+      .wait(Cypress.env('wait'))
+      .then(() => {
+        const row0: RowData = state.get('$data.list.rows.gstcid-0');
+        expect(row0.outerHeight).to.eq(80);
+        const row1: RowData = state.get('$data.list.rows.gstcid-1');
+        expect(row1.outerHeight).to.eq(80);
+      });
+  });
+});