UNPKG

gantt-source_management

Version:

Gantt, Schedule,

73 lines (71 loc) • 3.45 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
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)); }); }); });