chore: add cypress test

dhis2 · Sep 5, 2023 · 8787705 · 8787705
1 parent c442c45
commit 8787705
Show file tree

Hide file tree

Showing 6 changed files with 139 additions and 40 deletions.
diff --git a/cypress/integration/common/view/add_a_FILTERTYPE_filter.js b/cypress/integration/common/view/add_a_FILTERTYPE_filter.js
@@ -13,18 +13,36 @@ const FACILITY_TYPE = 'Clinic'
 When('I add a {string} filter', (dimensionType) => {
     cy.contains('Add filter').click()
 
-    // open the dimensions modal
-    cy.get(filterDimensionsPanelSel).contains(dimensionType).click()
-
     // select an item in the modal
-    if (dimensionType === 'Period') {
-        cy.get(unselectedItemsSel).contains(PERIOD).dblclick()
-    } else if (dimensionType === 'Organisation unit') {
-        cy.get(orgUnitTreeSel, EXTENDED_TIMEOUT)
-            .find('[type="checkbox"]', EXTENDED_TIMEOUT)
-            .check(OU_ID)
-    } else {
-        cy.get(unselectedItemsSel).contains(FACILITY_TYPE).dblclick()
+    switch (dimensionType) {
+        case 'Period':
+            cy.get(filterDimensionsPanelSel).contains(dimensionType).click()
+            cy.get(unselectedItemsSel).contains(PERIOD).dblclick()
+            break
+        case 'Organisation unit':
+            cy.get(filterDimensionsPanelSel).contains(dimensionType).click()
+            cy.get(orgUnitTreeSel, EXTENDED_TIMEOUT)
+                .find('[type="checkbox"]', EXTENDED_TIMEOUT)
+                .check(OU_ID)
+            break
+        case 'Org unit group':
+            cy.get(filterDimensionsPanelSel)
+                .contains('Organisation unit')
+                .click()
+            cy.getByDataTest('org-unit-group-select').click()
+            cy.getByDataTest('dhis2-uicore-select-menu-menuwrapper')
+                .contains('District')
+                .click()
+            // close the popup
+            cy.getByDataTest('dhis2-uicore-select-menu-menuwrapper')
+                .closest('[data-test="dhis2-uicore-layer"]')
+                // . closest()
+                .click('topLeft')
+            break
+
+        default:
+            cy.get(filterDimensionsPanelSel).contains(dimensionType).click()
+            cy.get(unselectedItemsSel).contains(FACILITY_TYPE).dblclick()
     }
 
     // confirm to apply the filter

diff --git a/cypress/integration/view/dashboard_filter.feature b/cypress/integration/view/dashboard_filter.feature
@@ -2,7 +2,7 @@ Feature: Dashboard filter
 
     Scenario: I add a Period filter
         When I start a new dashboard
-        And I add a MAP and a CHART and save
+        And I add items and save
         Then the dashboard displays in view mode
         When I add a "Period" filter
         Then the Period filter is applied to the dashboard
@@ -19,6 +19,12 @@ Feature: Dashboard filter
         When I add a "Facility Type" filter
         Then the Facility Type filter is applied to the dashboard
 
+    Scenario: I add a Org unit group filter
+        Given I open existing dashboard
+        Then the dashboard displays in view mode
+        When I add a "Org unit group" filter
+        Then the Org unit group filter is applied to the dashboard
+
     Scenario: I can access the dimensions modal from the filter badge
         Given I open existing dashboard
         When I add a "Period" filter

diff --git a/cypress/integration/view/dashboard_filter/create_dashboard.js b/cypress/integration/view/dashboard_filter/create_dashboard.js
@@ -9,49 +9,78 @@ import {
     dashboardChipSel,
     dashboardTitleSel,
 } from '../../../elements/viewDashboard.js'
+import { getApiBaseUrl } from '../../../support/server/utils.js'
 import {
     EXTENDED_TIMEOUT,
     createDashboardTitle,
 } from '../../../support/utils.js'
 
 const TEST_DASHBOARD_TITLE = createDashboardTitle('af')
 
-When('I add a MAP and a CHART and save', () => {
-    //add the title
-    cy.get('[data-test="dashboard-title-input"]').type(TEST_DASHBOARD_TITLE)
+const customApp = {
+    name: 'Users-Role-Monitor-Widget',
+    id: '5e43908a-3105-4baa-9a00-87a94ebdc034',
+}
 
-    // add items
-    cy.get('[data-test="item-search"]').click()
-    cy.get('[data-test="item-search"]')
-        .find('input')
-        .type('Inpatient', { force: true })
+When('I add items and save', () => {
+    // first install a custom app
+    cy.request('POST', `${getApiBaseUrl()}/api/appHub/${customApp.id}`).then(
+        (response) => {
+            expect(response.status).to.eq(204)
 
-    //chart
-    cy.get(
-        '[data-test="menu-item-Inpatient: BMI this year by districts"]'
-    ).click()
+            //add the dashboard title
+            cy.get('[data-test="dashboard-title-input"]').type(
+                TEST_DASHBOARD_TITLE
+            )
 
-    cy.get('[data-test="dhis2-uicore-layer"]').click('topLeft')
+            // open item selector
+            cy.get('[data-test="item-search"]').click()
+            cy.get('[data-test="item-search"]')
+                .find('input')
+                .type('Inpatient', { force: true })
 
-    cy.get('[data-test="item-search"]').click()
-    cy.get('[data-test="item-search"]')
-        .find('input')
-        .type('ipt 2', { force: true })
+            //CHART
+            cy.get(
+                '[data-test="menu-item-Inpatient: BMI this year by districts"]'
+            ).click()
 
-    //map
-    cy.get('[data-test="menu-item-ANC: IPT 2 Coverage this year"]').click()
+            cy.get('[data-test="dhis2-uicore-layer"]').click('topLeft')
 
-    cy.get('[data-test="dhis2-uicore-layer"]').click('topLeft')
+            cy.get('[data-test="item-search"]').click()
+            cy.get('[data-test="item-search"]')
+                .find('input')
+                .type('ipt 2', { force: true })
 
-    //move things so the dashboard is more compact
-    // eslint-disable-next-line cypress/unsafe-to-chain-command
-    cy.get(`${gridItemSel}.MAP`)
-        .trigger('mousedown')
-        .trigger('mousemove', { clientX: 650 })
-        .trigger('mouseup')
+            //MAP
+            cy.get(
+                '[data-test="menu-item-ANC: IPT 2 Coverage this year"]'
+            ).click()
 
-    //save
-    cy.get('button').contains('Save changes', EXTENDED_TIMEOUT).click()
+            // close the item selector
+            cy.get('[data-test="dhis2-uicore-layer"]').click('topLeft')
+
+            //add a custom app item
+            cy.get('[data-test="item-search"]').click()
+            cy.get('[data-test="item-search"]')
+                .find('input')
+                .type('Role Monitor', { force: true })
+
+            cy.contains('Role Monitor Widget').click()
+
+            // close the item selector
+            cy.get('[data-test="dhis2-uicore-layer"]').click('topLeft')
+
+            //move things so the dashboard is more compact
+            // eslint-disable-next-line cypress/unsafe-to-chain-command
+            cy.get(`${gridItemSel}.MAP`)
+                .trigger('mousedown')
+                .trigger('mousemove', { clientX: 650 })
+                .trigger('mouseup')
+
+            //save
+            cy.get('button').contains('Save changes', EXTENDED_TIMEOUT).click()
+        }
+    )
 })
 
 Given('I open existing dashboard', () => {
@@ -84,4 +113,7 @@ Then('different dashboard displays in view mode', () => {
     cy.get(dashboardTitleSel)
         .should('be.visible')
         .and('not.contain', TEST_DASHBOARD_TITLE)
+
+    // remove the custom app
+    // cy.request('DELETE', `${getApiBaseUrl()}/api/apps/${customApp.name}`)
 })
diff --git a/cypress/integration/view/dashboard_filter/dashboard_filter.js b/cypress/integration/view/dashboard_filter/dashboard_filter.js
@@ -90,6 +90,23 @@ Then('the Facility Type filter is applied to the dashboard', () => {
     //     .should('be.visible')
 })
 
+Then('the Org unit group filter is applied to the dashboard', () => {
+    // check that the filter badge is correct
+    cy.get(filterBadgeSel)
+        .contains('Organisation unit: District')
+        .should('be.visible')
+
+    // check that the custom app is loaded (see ticket DHIS2-14544)
+    cy.get('iframe')
+        .invoke('attr', 'title')
+        .contains('Role Monitor Widget')
+        .scrollIntoView()
+    cy.get('iframe')
+        .invoke('attr', 'title')
+        .contains('Role Monitor Widget')
+        .should('be.visible')
+})
+
 Then('the filter modal is opened', () => {
     cy.get(dimensionsModalSel, EXTENDED_TIMEOUT).should('be.visible')
 })
diff --git a/cypress/support/commands.js b/cypress/support/commands.js
@@ -0,0 +1,25 @@
+Cypress.Commands.add('getByDataTest', (selector, ...args) =>
+    cy.get(`[data-test=${selector}]`, ...args)
+)
+Cypress.Commands.add(
+    'findByDataTest',
+    {
+        prevSubject: true,
+    },
+    (subject, selector, ...args) =>
+        cy.wrap(subject).find(`[data-test="${selector}"]`, ...args)
+)
+
+Cypress.Commands.add(
+    'containsExact',
+    {
+        prevSubject: 'optional',
+    },
+    (subject, selector) =>
+        cy.wrap(subject).contains(
+            new RegExp(
+                `^${selector.replace(/[-\/\\^$*+?.()|[\]{}]/g, '\\$&')}$`, //eslint-disable-line no-useless-escape
+                'gm'
+            )
+        )
+)
diff --git a/cypress/support/index.js b/cypress/support/index.js
@@ -1,6 +1,7 @@
 import { enableAutoLogin } from '@dhis2/cypress-commands'
 import { enableNetworkShim } from './server/index.js'
 import { getDefaultMode, isStubMode } from './server/utils.js'
+import './commands.js'
 
 enableNetworkShim()