data-visualizer-app/cypress/elements/dimensionModal/periodDimension.js at 546b487bee8726d90d60ca32a6e10abb61c46600 · dhis2/data-visualizer-app · GitHub

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
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
import { DIMENSION_ID_PERIOD } from '@dhis2/analytics'
import { expectDimensionModalToBeVisible } from './index.js'

const relativePeriodsButtonEl = 'period-dimension-relative-periods-button'
const fixedPeriodsButtonEl = 'period-dimension-fixed-periods-button'
const relativePeriodsPeriodTypeButtonEl =
    'period-dimension-relative-period-filter-content'
const fixedPeriodsPeriodTypeButtonEl =
    'period-dimension-fixed-period-filter-period-type-content'
const periodTypeMenuEl = 'dhis2-uicore-select-menu-menuwrapper'
//const fixedPeriodsYearEl = 'period-dimension-fixed-period-filter-year-content'
const optionContentEl = 'period-dimension-transfer-option-content'
const selectableItemsEl = 'period-dimension-transfer-sourceoptions'
const selectedItemsEl = 'period-dimension-transfer-pickedoptions'
const relativePeriodTypeSelectOptionEl =
    'period-dimension-relative-period-filter-option'
const fixedPeriodTypeSelectOptionEl =
    'period-dimension-fixed-period-filter-period-type-option'
const rightHeaderEl = 'period-dimension-transfer-rightheader'

export const expectPeriodDimensionModalToBeVisible = () =>
    expectDimensionModalToBeVisible(DIMENSION_ID_PERIOD)

export const selectRelativePeriods = (periods, periodType) => {
    switchToRelativePeriods()
    if (periodType !== 'Months') {
        // Temp fix for https://jira.dhis2.org/browse/TECH-396, as Months is the default option and can't be clicked
        openRelativePeriodsTypeSelect()
        selectPeriodType(periodType)
    }
    periods.forEach((item) => clickSourceOption(item))
}

export const selectFixedPeriods = (periods, periodType) => {
    switchToFixedPeriods()
    if (periodType !== 'Monthly') {
        // Temp fix for https://jira.dhis2.org/browse/TECH-396, as Monthly is the default option and can't be clicked
        openFixedPeriodsTypeSelect()
        selectPeriodType(periodType)
    }
    periods.forEach((item) => clickSourceOption(item))
}

export const selectFixedPeriodYear = (year) => {
    switchToFixedPeriods()
    cy.getBySel('period-dimension-fixed-period-filter-year-content')
        .clear()
        .type(year)
}

const clickSourceOption = (itemName) =>
    cy.getBySel(selectableItemsEl).contains(itemName).dblclick()

export const selectPeriodType = (periodTypeOption) =>
    cy.getBySel(periodTypeMenuEl).containsExact(periodTypeOption).click()

export const expectRelativePeriodTypeToBe = (type) =>
    cy.getBySelLike(relativePeriodsPeriodTypeButtonEl).should('contain', type)

export const expectFixedPeriodTypeToBe = (type) =>
    cy.getBySelLike(fixedPeriodsPeriodTypeButtonEl).should('contain', type)

export const switchToFixedPeriods = () => {
    cy.getBySel(fixedPeriodsButtonEl).click()
    expectFixedToBeSelected()
}

export const switchToRelativePeriods = () => {
    cy.getBySel(relativePeriodsButtonEl).click()
    expectRelativeToBeSelected()
}

export const expectRelativeToBeSelected = () =>
    cy.getBySel(relativePeriodsButtonEl).should('have.class', 'selected')

export const expectFixedToBeSelected = () =>
    cy.getBySel(fixedPeriodsButtonEl).should('have.class', 'selected')

export const expectNoPeriodsToBeSelected = () =>
    cy.getBySel(selectedItemsEl).should('contain', 'No periods selected')

export const expectRelativePeriodTypeSelectToContain = (periodType) => {
    cy.getBySelLike(relativePeriodTypeSelectOptionEl).should(
        'contain',
        periodType
    )
}

export const expectRelativePeriodTypeSelectToNotContain = (periodType) => {
    cy.getBySelLike(relativePeriodTypeSelectOptionEl).should(
        'not.contain',
        periodType
    )
}

export const expectFixedPeriodTypeSelectToContain = (periodType) => {
    cy.getBySelLike(fixedPeriodTypeSelectOptionEl).should('contain', periodType)
}

export const expectFixedPeriodTypeSelectToNotContain = (periodType) => {
    cy.getBySelLike(fixedPeriodTypeSelectOptionEl).should(
        'not.contain',
        periodType
    )
}

export const expectPeriodItemToBeInactive = (id) =>
    cy
        .get(`[data-value="${id}"]`)
        .findBySel(optionContentEl)
        .should('have.class', 'inactive')

export const openRelativePeriodsTypeSelect = () =>
    cy.getBySel(relativePeriodsPeriodTypeButtonEl).click()

export const openFixedPeriodsTypeSelect = () =>
    cy.getBySel(fixedPeriodsPeriodTypeButtonEl).click()

export const expectSelectablePeriodItemsAmountToBe = (amount) =>
    cy.getBySelLike('transfer-sourceoptions').should(($elems) => {
        const $container = $elems.first()
        expect(
            $container.find('[data-test="period-dimension-transfer-option"]')
        ).to.have.lengthOf(amount)
    })

export const expectSelectablePeriodItemsAmountToBeLeast = (amount) =>
    cy.getBySelLike('transfer-sourceoptions').should(($elems) => {
        const $container = $elems.first()
        expect(
            $container.find('[data-test="period-dimension-transfer-option"]')
        ).to.have.length.of.at.least(amount)
    })

export const expectPeriodDimensionModalWarningToContain = (text) =>
    cy.getBySel(rightHeaderEl).should('contain', text)