test: add cypress tests for Outlier table DHIS2-17162 (#3008)

dhis2 · Apr 11, 2024 · db0c6da · db0c6da
1 parent 01f8f3c
commit db0c6da
Show file tree

Hide file tree

Showing 11 changed files with 378 additions and 180 deletions.
diff --git a/cypress/elements/chart.js b/cypress/elements/chart.js
@@ -2,6 +2,7 @@ import {
     VIS_TYPE_COLUMN,
     VIS_TYPE_GAUGE,
     VIS_TYPE_PIE,
+    VIS_TYPE_OUTLIER_TABLE,
     VIS_TYPE_PIVOT_TABLE,
     VIS_TYPE_SINGLE_VALUE,
     VIS_TYPE_YEAR_OVER_YEAR_COLUMN,
@@ -23,7 +24,11 @@ const AOTitleDirtyEl = 'titlebar-dirty'
 const timeout = {
     timeout: 40000,
 }
-const nonHighchartsTypes = [VIS_TYPE_PIVOT_TABLE, VIS_TYPE_SINGLE_VALUE]
+const nonHighchartsTypes = [
+    VIS_TYPE_OUTLIER_TABLE,
+    VIS_TYPE_PIVOT_TABLE,
+    VIS_TYPE_SINGLE_VALUE,
+]
 
 export const expectVisualizationToBeVisible = (visType = VIS_TYPE_COLUMN) =>
     nonHighchartsTypes.includes(visType)

diff --git a/cypress/elements/dimensionModal/dataDimension.js b/cypress/elements/dimensionModal/dataDimension.js
@@ -11,6 +11,8 @@ const selectableItemsEl = 'data-dimension-transfer-sourceoptions'
 const selectedItemsEl = 'data-dimension-transfer-pickedoptions'
 const dataTypesSelectButtonEl =
     'data-dimension-left-header-data-types-select-field-content'
+const dataTypesSelectHelpEl =
+    'data-dimension-left-header-data-types-select-field-help'
 const dataTypeSelectOptionEl =
     'data-dimension-left-header-data-types-select-field-option'
 const groupSelectButtonEl =
@@ -78,6 +80,9 @@ export const switchDataTab = (tabName) => {
 export const expectDataTypeToBe = (type) =>
     cy.getBySel(dataTypesSelectButtonEl).should('contain', type)
 
+export const expectDataTypeSelectHelpToContain = (text) =>
+    cy.getBySel(dataTypesSelectHelpEl).should('have.text', text)
+
 export const expectGroupSelectToNotBeVisible = () =>
     cy.getBySel(groupSelectButtonEl).should('not.exist')
 
@@ -111,8 +116,13 @@ export const switchSubGroupTo = (group) => {
 }
 
 export const switchDataTypeTo = (dataType) => {
-    cy.getBySel(dataTypesSelectButtonEl).click()
-    cy.getBySelLike(dataTypeSelectOptionEl).contains(dataType).click()
+    cy.getBySel(dataTypesSelectButtonEl).then(($typesSelect) => {
+        // account for disabled type selector with preselected item
+        if (!$typesSelect.text().includes(dataType)) {
+            cy.getBySel(dataTypesSelectButtonEl).click()
+            cy.getBySelLike(dataTypeSelectOptionEl).contains(dataType).click()
+        }
+    })
 }
 
 export const switchDataTypeToAll = () => {

diff --git a/cypress/elements/dimensionModal/index.js b/cypress/elements/dimensionModal/index.js
@@ -113,6 +113,7 @@ export {
     expectDataItemToBeInactive,
     expectDataDimensionModalToBeVisible,
     expectDataTypeToBe,
+    expectDataTypeSelectHelpToContain,
     expectGroupSelectToNotBeVisible,
     expectNoDataItemsToBeSelected,
     inputSearchTerm,
@@ -153,6 +154,8 @@ export {
     expectFixedPeriodTypeToBe,
     expectSelectablePeriodItemsAmountToBeLeast,
     expectSelectablePeriodItemsAmountToBe,
+    expectPeriodItemToBeInactive,
+    expectPeriodDimensionModalWarningToContain,
 } from './periodDimension.js'
 
 export {

diff --git a/cypress/elements/dimensionModal/periodDimension.js b/cypress/elements/dimensionModal/periodDimension.js
@@ -9,13 +9,14 @@ 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)
@@ -96,6 +97,12 @@ export const expectFixedPeriodTypeSelectToNotContain = (periodType) => {
     )
 }
 
+export const expectPeriodItemToBeInactive = (id) =>
+    cy
+        .get(`[data-value="${id}"]`)
+        .findBySel(optionContentEl)
+        .should('have.class', 'inactive')
+
 export const openRelativePeriodsTypeSelect = () =>
     cy.getBySel(relativePeriodsPeriodTypeButtonEl).click()
 
@@ -117,3 +124,6 @@ export const expectSelectablePeriodItemsAmountToBeLeast = (amount) =>
             $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)