chore(cypress): update to v13

.cypress-cucumber-preprocessorrc.json

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

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

@@ -24,12 +24,12 @@ 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
 
-            - run: yarn build
+            - run: yarn build:legacy
 
             - name: Deploy
               id: netlify-deploy

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

@@ -21,15 +21,15 @@ 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
-                  yarn setup
+                  NODE_OPTIONS=--openssl-legacy-provider yarn setup
 
             - name: Build
-              run: yarn build
+              run: NODE_OPTIONS=--openssl-legacy-provider yarn build
 
             - run: ./scripts/create-artifact.sh
 
@@ -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,10 +109,10 @@ 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'
+                  start: 'yarn cy:start:legacy'
                   wait-on: 'http://localhost:5000'
                   wait-on-timeout: 300
                   record: true
@@ -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

.gitignore

@@ -29,6 +29,7 @@ bundle.stats.json
 
 # cypress
 cypress/screenshots
+cypress/downloads
 cypress/videos
 cypress.env.json
 

.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-04-18T04:00:14.144Z\n"
+"PO-Revision-Date: 2024-04-18T04:00:14.144Z\n"
 
 msgid "Upload file"
 msgstr "Upload file"

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

@@ -1,5 +1,4 @@
-import '../common/index.js'
-import { Given, Then } from 'cypress-cucumber-preprocessor/steps'
+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,4 @@
-import '../common/index.js'
-import { Given, Then } from 'cypress-cucumber-preprocessor/steps'
+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,4 @@
-import '../common/index.js'
-import { Given, When, Then } from 'cypress-cucumber-preprocessor/steps'
+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,4 @@
-import '../common/index.js'
-import { When, Then } from 'cypress-cucumber-preprocessor/steps'
+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,4 @@
-import '../common/index.js'
-import { Given, When, Then } from 'cypress-cucumber-preprocessor/steps'
+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,4 @@
-import '../common/index.js'
-import { When, Then } from 'cypress-cucumber-preprocessor/steps'
+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,4 @@
-import '../common/index.js'
-import { Given, When, Then } from 'cypress-cucumber-preprocessor/steps'
+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,4 @@
-import '../common/index.js'
-import { When, Then } from 'cypress-cucumber-preprocessor/steps'
+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,4 @@
-import '../common/index.js'
-import { Given, When, Then } from 'cypress-cucumber-preprocessor/steps'
+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,4 @@
-import '../common/index.js'
-import { When, Then } from 'cypress-cucumber-preprocessor/steps'
+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,4 @@
-import '../common/index.js'
-import { Given, Then } from 'cypress-cucumber-preprocessor/steps'
+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,4 @@
-import '../common/index.js'
-import { Given, Then } from 'cypress-cucumber-preprocessor/steps'
+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,4 @@
-import '../common/index.js'
-import { Given, Then } from 'cypress-cucumber-preprocessor/steps'
+import { Given, When, Then } from '@badeball/cypress-cucumber-preprocessor'
 
 Given('an AlertBar with onHidden handler is rendered', () => {
     cy.visitStory('AlertBar', 'With onHidden')
@@ -22,6 +21,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')