refactor: bump to node 20

.cypress-cucumber-preprocessorrc.json

@@ -0,0 +1,6 @@
+{
+    "nonGlobalStepDefinitions": true,
+    "e2e": {
+        "stepDefinitions": "[filepath]/*.{js,mjs,ts,tsx}"
+    }
+}

.github/workflows/dhis2-preview-pr.yml

@@ -24,7 +24,7 @@ jobs:
             - uses: actions/checkout@v2
             - uses: actions/setup-node@v1
               with:
-                  node-version: 14.x
+                  node-version: 20.x
 
             - uses: c-hive/gha-yarn-cache@v1
             - run: yarn install --frozen-lockfile

.github/workflows/dhis2-verify-lib.yml

@@ -21,7 +21,7 @@ jobs:
             - uses: actions/checkout@v2
             - uses: actions/setup-node@v1
               with:
-                  node-version: 14.x
+                  node-version: 20.x
 
             - uses: c-hive/gha-yarn-cache@v1
             - run: |
@@ -46,7 +46,7 @@ jobs:
             - uses: actions/checkout@v2
             - uses: actions/setup-node@v1
               with:
-                  node-version: 14.x
+                  node-version: 20.x
 
             - uses: actions/download-artifact@v2
               with:
@@ -67,7 +67,7 @@ jobs:
             - uses: actions/checkout@v2
             - uses: actions/setup-node@v1
               with:
-                  node-version: 14.x
+                  node-version: 20.x
 
             - uses: actions/download-artifact@v2
               with:
@@ -97,7 +97,7 @@ jobs:
 
             - uses: actions/setup-node@v1
               with:
-                  node-version: 14.x
+                  node-version: 20.x
 
             - uses: actions/download-artifact@v2
               with:
@@ -109,7 +109,7 @@ jobs:
               run: echo fs.inotify.max_user_watches=524288 | sudo tee -a /etc/sysctl.conf && sudo sysctl -p
 
             - name: End-to-End tests
-              uses: cypress-io/github-action@v2
+              uses: cypress-io/github-action@v6
               with:
                   # This should be a command that starts the server to test against.
                   start: 'yarn cy:start'
@@ -136,7 +136,7 @@ jobs:
                   token: ${{env.GH_TOKEN}}
             - uses: actions/setup-node@v3
               with:
-                  node-version: 14.x
+                  node-version: 20.x
                   cache: 'yarn'
 
             - uses: actions/download-artifact@v2

.nvmrc

@@ -1 +1 @@
-v16
+v20

collections/forms/i18n/en.pot

@@ -5,8 +5,8 @@ msgstr ""
 "Content-Type: text/plain; charset=utf-8\n"
 "Content-Transfer-Encoding: 8bit\n"
 "Plural-Forms: nplurals=2; plural=(n != 1)\n"
-"POT-Creation-Date: 2024-02-12T14:58:56.792Z\n"
-"PO-Revision-Date: 2024-02-12T14:58:56.792Z\n"
+"POT-Creation-Date: 2024-03-21T09:13:47.826Z\n"
+"PO-Revision-Date: 2024-03-21T09:13:47.826Z\n"
 
 msgid "Upload file"
 msgstr "Upload file"

collections/forms/src/CheckboxFieldFF/features/can_toggle_a_boolean/index.js

@@ -1,5 +1,5 @@
-import '../common/index.js'
-import { Given, Then } from 'cypress-cucumber-preprocessor/steps'
+require('../common/index.js')
+import { Given, Then } from '@badeball/cypress-cucumber-preprocessor'
 
 Given('an unchecked Checkbox without value is rendered', () => {
     cy.visitStory('Testing:Checkbox', 'Unchecked')

collections/forms/src/CheckboxFieldFF/features/can_toggle_a_value/index.js

@@ -1,5 +1,5 @@
-import '../common/index.js'
-import { Given, Then } from 'cypress-cucumber-preprocessor/steps'
+require('../common/index.js')
+import { Given, Then } from '@badeball/cypress-cucumber-preprocessor'
 
 Given('an unchecked Checkbox with a value is rendered', () => {
     cy.visitStory('Testing:Checkbox', 'Unchecked with value')

collections/forms/src/CheckboxFieldFF/features/common/index.js

@@ -1,4 +1,4 @@
-import { When } from 'cypress-cucumber-preprocessor/steps'
+import { When } from '@badeball/cypress-cucumber-preprocessor'
 
 When('the user clicks on the Checkbox', () => {
     cy.get('[data-test="dhis2-uicore-checkbox"]').click()

collections/forms/src/CheckboxFieldFF/features/displays_error/index.js

@@ -1,4 +1,4 @@
-import { Given, When, Then } from 'cypress-cucumber-preprocessor/steps'
+import { Given, When, Then } from '@badeball/cypress-cucumber-preprocessor'
 import { hasValueMessage } from '../../../validators/hasValue.js'
 
 Given('an unchecked Checkbox is rendered', () => {

collections/forms/src/FileInputFieldFF/features/accepts_file/index.js

@@ -1,5 +1,5 @@
-import '../common/index.js'
-import { Given, When, Then } from 'cypress-cucumber-preprocessor/steps'
+require('../common/index.js')
+import { Given, When, Then } from '@badeball/cypress-cucumber-preprocessor'
 
 Given('a multi-file IputField is rendered', () => {
     cy.visitStory('Testing:FileInput', 'Standard form')

collections/forms/src/FileInputFieldFF/features/common/index.js

@@ -1,4 +1,4 @@
-import { Given } from 'cypress-cucumber-preprocessor/steps'
+import { Given } from '@badeball/cypress-cucumber-preprocessor'
 
 Given('a single-file FileInput is rendered', () => {
     cy.visitStory('Testing:FileInput', 'Standard form')

collections/forms/src/FileInputFieldFF/features/displays_error/index.js

@@ -1,5 +1,5 @@
-import '../common/index.js'
-import { When, Then } from 'cypress-cucumber-preprocessor/steps'
+require('../common/index.js')
+import { When, Then } from '@badeball/cypress-cucumber-preprocessor'
 
 When('a file with the wrong file type is provided', () => {
     cy.get('[name="fileTxt"]').uploadSingleFile('md', 'FileInput/file.md')

collections/forms/src/InputFieldFF/features/can_set_a_value/index.js

@@ -1,4 +1,4 @@
-import { Given, When, Then } from 'cypress-cucumber-preprocessor/steps'
+import { Given, When, Then } from '@badeball/cypress-cucumber-preprocessor'
 
 Given('a Input with no text is rendered', () => {
     cy.visitStory('Testing:InputFieldFF', 'Default')

collections/forms/src/InputFieldFF/features/displays_error/index.js

@@ -1,4 +1,4 @@
-import { Given, When, Then } from 'cypress-cucumber-preprocessor/steps'
+import { Given, When, Then } from '@badeball/cypress-cucumber-preprocessor'
 import { hasValueMessage } from '../../../validators/hasValue.js'
 
 Given('an empty, required Input is rendered', () => {

collections/forms/src/MultiSelectFieldFF/features/can_set_a_value/index.js

@@ -1,5 +1,5 @@
-import '../common/index.js'
-import { Given, When, Then } from 'cypress-cucumber-preprocessor/steps'
+require('../common/index.js')
+import { Given, When, Then } from '@badeball/cypress-cucumber-preprocessor'
 
 Given('the MultiSelect has two options', () => {
     const options = [

collections/forms/src/MultiSelectFieldFF/features/common/index.js

@@ -1,4 +1,4 @@
-import { Given } from 'cypress-cucumber-preprocessor/steps'
+import { Given } from '@badeball/cypress-cucumber-preprocessor'
 
 Given('a required MultiSelect with no selected value', () => {
     cy.visitStory('Testing:MultiSelectFieldFF', 'Required')

collections/forms/src/MultiSelectFieldFF/features/displays_error/index.js

@@ -1,5 +1,5 @@
-import '../common/index.js'
-import { When, Then } from 'cypress-cucumber-preprocessor/steps'
+require('../common/index.js')
+import { When, Then } from '@badeball/cypress-cucumber-preprocessor'
 import { hasValueMessage } from '../../../validators/hasValue.js'
 
 When('the user submits the form', () => {

collections/forms/src/RadioFieldFF/features/can_set_a_value/index.js

@@ -1,5 +1,5 @@
-import '../common/index.js'
-import { Given, When, Then } from 'cypress-cucumber-preprocessor/steps'
+require('../common/index.js')
+import { Given, When, Then } from '@badeball/cypress-cucumber-preprocessor'
 
 Given('there are three options', () => {
     const options = [

collections/forms/src/RadioFieldFF/features/common/index.js

@@ -1,4 +1,4 @@
-import { Given } from 'cypress-cucumber-preprocessor/steps'
+import { Given } from '@badeball/cypress-cucumber-preprocessor'
 
 Given(
     'a FieldGroupFF with required RadioFieldFFs and no selected value',

collections/forms/src/RadioFieldFF/features/displays_error/index.js

@@ -1,5 +1,5 @@
-import '../common/index.js'
-import { When, Then } from 'cypress-cucumber-preprocessor/steps'
+require('../common/index.js')
+import { When, Then } from '@badeball/cypress-cucumber-preprocessor'
 import { hasValueMessage } from '../../../validators/hasValue.js'
 
 When('the user submits the form', () => {

collections/forms/src/SingleSelectFieldFF/features/can_set_a_value/index.js

@@ -1,5 +1,5 @@
-import '../common/index.js'
-import { Given, When, Then } from 'cypress-cucumber-preprocessor/steps'
+require('../common/index.js')
+import { Given, When, Then } from '@badeball/cypress-cucumber-preprocessor'
 
 Given('the SingleSelect has one option', () => {
     const options = [{ value: 'Value', label: 'Label' }]

collections/forms/src/SingleSelectFieldFF/features/common/index.js

@@ -1,4 +1,4 @@
-import { Given } from 'cypress-cucumber-preprocessor/steps'
+import { Given } from '@badeball/cypress-cucumber-preprocessor'
 
 Given('a required SingleSelect with no selected value', () => {
     cy.visitStory('Testing:SingleSelectFieldFF', 'Required')

collections/forms/src/SingleSelectFieldFF/features/displays_error/index.js

@@ -1,5 +1,5 @@
-import '../common/index.js'
-import { When, Then } from 'cypress-cucumber-preprocessor/steps'
+require('../common/index.js')
+import { When, Then } from '@badeball/cypress-cucumber-preprocessor'
 import { hasValueMessage } from '../../../validators/hasValue.js'
 
 When('the user submits the form', () => {

collections/forms/src/SwitchFieldFF/features/can_toggle_a_boolean/index.js

@@ -1,5 +1,5 @@
-import '../common/index.js'
-import { Given, Then } from 'cypress-cucumber-preprocessor/steps'
+require('../common/index.js')
+import { Given, Then } from '@badeball/cypress-cucumber-preprocessor'
 
 Given('an unchecked Switch without value is rendered', () => {
     cy.visitStory('Testing:SwitchFieldFF', 'Unchecked')

collections/forms/src/SwitchFieldFF/features/can_toggle_a_value/index.js

@@ -1,5 +1,5 @@
-import '../common/index.js'
-import { Given, Then } from 'cypress-cucumber-preprocessor/steps'
+require('../common/index.js')
+import { Given, Then } from '@badeball/cypress-cucumber-preprocessor'
 
 Given('an unchecked Switch with a value is rendered', () => {
     cy.visitStory('Testing:SwitchFieldFF', 'Unchecked with value')

collections/forms/src/SwitchFieldFF/features/common/index.js

@@ -1,4 +1,4 @@
-import { When } from 'cypress-cucumber-preprocessor/steps'
+import { When } from '@badeball/cypress-cucumber-preprocessor'
 
 When('the user clicks on the Switch', () => {
     cy.get('[data-test="dhis2-uicore-switch"]').click()

collections/forms/src/SwitchFieldFF/features/displays_error/index.js

@@ -1,4 +1,4 @@
-import { Given, When, Then } from 'cypress-cucumber-preprocessor/steps'
+import { Given, When, Then } from '@badeball/cypress-cucumber-preprocessor'
 import { hasValueMessage } from '../../../validators/hasValue.js'
 
 Given('an unchecked Switch is rendered', () => {

collections/forms/src/TextAreaFieldFF/features/can_set_a_value/index.js

@@ -1,4 +1,4 @@
-import { Given, When, Then } from 'cypress-cucumber-preprocessor/steps'
+import { Given, When, Then } from '@badeball/cypress-cucumber-preprocessor'
 
 Given('a TextArea with no text is rendered', () => {
     cy.visitStory('TextArea', 'Default')

collections/forms/src/TextAreaFieldFF/features/displays_error/index.js

@@ -1,4 +1,4 @@
-import { Given, When, Then } from 'cypress-cucumber-preprocessor/steps'
+import { Given, When, Then } from '@badeball/cypress-cucumber-preprocessor'
 import { hasValueMessage } from '../../../validators/hasValue.js'
 
 Given('an empty, required TextArea is rendered', () => {

components/alert/src/alert-bar/features/api/index.js

@@ -1,5 +1,5 @@
-import '../common/index.js'
-import { Given, Then } from 'cypress-cucumber-preprocessor/steps'
+require('../common/index.js')
+import { Given, When, Then } from '@badeball/cypress-cucumber-preprocessor'
 
 Given('an AlertBar with onHidden handler is rendered', () => {
     cy.visitStory('AlertBar', 'With onHidden')
@@ -22,6 +22,11 @@ Given('an AlertBar with permanent is rendered', () => {
     cy.get('[data-test="dhis2-uicore-alertbar"]').should('be.visible')
 })
 
+When('the Alertbar is not rendered', () => {
+    cy.wait(8000)
+    cy.get('[data-test="dhis2-uicore-alertbar"]').should('not.exist')
+})
+
 Then('the icon will be visible', () => {
     cy.get('[data-test="dhis2-uicore-alertbar-icon"]').should('be.visible')
 })

components/alert/src/alert-bar/features/common/index.js

@@ -1,4 +1,4 @@
-import { When, Given, Then } from 'cypress-cucumber-preprocessor/steps'
+import { When, Given, Then } from '@badeball/cypress-cucumber-preprocessor'
 
 Given('a default AlertBar is rendered', () => {
     cy.visitStory('AlertBar', 'Default')