chore: upgrade cypress setup (#1421)

* chore: upgrade cypress setup in the user-app project

Changes:
- upgrade cypress to version 13.0
- upgrade @dhis2/cypress-commands to 10.0.6
- upgrade @dhis2/cypress-plugins to 10.0.6
- replace cypress.json with new config file cypress.config.js
- replace cypress-cucumber-preprocessor package with @badeball/cypress-cucumber-preprocessor
- rename cypress/integration folder to cypress/e2e
- rename cypress/support/index.js to cypress/support/e2e.js

* chore: update cypress github action

* chore: update node version in gh workflow to 18

* chore: fix linting issues

* chore: update fixtures

* chore: update api version in github workflow

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

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

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

@@ -29,7 +29,7 @@ jobs:
  - uses: actions/checkout@v2
  - uses: actions/setup-node@v1
  with:
- node-version: 16.x
+ node-version: 18.x
 
  - uses: c-hive/gha-yarn-cache@v1
  - run: yarn install --frozen-lockfile
@@ -51,7 +51,7 @@ jobs:
  - uses: actions/checkout@v2
  - uses: actions/setup-node@v1
  with:
- node-version: 16.x
+ node-version: 18.x
 
  - uses: c-hive/gha-yarn-cache@v1
  - run: yarn install --frozen-lockfile
@@ -70,7 +70,7 @@ jobs:
  - uses: actions/checkout@v2
  - uses: actions/setup-node@v1
  with:
- node-version: 16.x
+ node-version: 18.x
 
  - uses: c-hive/gha-yarn-cache@v1
  - run: yarn install --frozen-lockfile
@@ -98,10 +98,10 @@ jobs:
 
  - uses: actions/setup-node@v1
  with:
- node-version: 16.x
+ node-version: 18.x
 
  - name: End-to-End tests
- uses: cypress-io/github-action@v2
+ uses: cypress-io/github-action@v6
  with:
  start: yarn d2-app-scripts start
  wait-on: 'http://localhost:3000'
@@ -113,7 +113,7 @@ jobs:
  GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
  CYPRESS_RECORD_KEY: ${{ secrets.CYPRESS_RECORD_KEY }}
  CYPRESS_dhis2BaseUrl: http://localhost:8080
- CYPRESS_dhis2ApiVersion: 41
+ CYPRESS_dhis2ApiVersion: 42
  CYPRESS_networkMode: stub
 
  release:
@@ -127,7 +127,7 @@ jobs:
 
  - uses: actions/setup-node@v3
  with:
- node-version: 16
+ node-version: 18
  cache: 'yarn'
 
  - uses: actions/download-artifact@v2

cypress.config.js

@@ -0,0 +1,35 @@
+const {
+ chromeAllowXSiteCookies,
+ cucumberPreprocessor,
+ networkShim,
+} = require('@dhis2/cypress-plugins')
+const { defineConfig } = require('cypress')
+
+async function setupNodeEvents(on, config) {
+ await cucumberPreprocessor(on, config)
+ networkShim(on)
+ chromeAllowXSiteCookies(on)
+ return config
+}
+
+module.exports = defineConfig({
+ video: false,
+ projectId: '48zztu',
+ experimentalInteractiveRunEvents: true,
+ env: {
+ dhis2BaseUrl: 'http://localhost:8080',
+ dhis2Username: 'admin',
+ dhis2Password: 'district',
+ dhis2DataTestPrefix: '',
+ networkMode: 'live',
+ dhis2ApiVersion: '42',
+ },
+ defaultCommandTimeout: 10000,
+ requestTimeout: 10000,
+ e2e: {
+ setupNodeEvents,
+ baseUrl: 'http://localhost:3000',
+ specPattern: 'cypress/e2e/**/*.feature',
+ excludeSpecPattern: ['**/*-wip/*.feature'],
+ },
+})

cypress/integration/homepage/show-action-tiles/index.js → cypress/e2e/homepage/show-action-tiles/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('the user-manager is on the homepage', () => {
  cy.visit('/')

cypress/integration/navigation/main-navigation/index.js → cypress/e2e/navigation/main-navigation/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('the user is on the homepage', () => {
  cy.visit('/')

cypress/integration/user-group/common.js → cypress/e2e/user-group/common.js

@@ -1,4 +1,4 @@
-import { Given } from 'cypress-cucumber-preprocessor/steps'
+import { Given } from '@badeball/cypress-cucumber-preprocessor'
 
 Given('some user groups exist', () => {})
 

cypress/integration/user-group/list-groups/index.js → cypress/e2e/user-group/list-groups/index.js

@@ -1,5 +1,5 @@
 import '../common.js'
-import { Given, Then, When } from 'cypress-cucumber-preprocessor/steps'
+import { Given, Then, When } from '@badeball/cypress-cucumber-preprocessor'
 
 Then('the user-manager should see the first page of all user groups', () => {
  cy.getWithDataTest('{dhis2-uiwidgets-pagination-summary}').contains(

cypress/integration/user-group/search-groups/index.js → cypress/e2e/user-group/search-groups/index.js

@@ -1,5 +1,5 @@
 import '../common.js'
-import { Given, Then, When } from 'cypress-cucumber-preprocessor/steps'
+import { Given, Then, When } from '@badeball/cypress-cucumber-preprocessor'
 
 const NAME_SEARCH_QUERY = 'admin'
 

cypress/integration/user-role/common.js → cypress/e2e/user-role/common.js

@@ -1,4 +1,4 @@
-import { Given } from 'cypress-cucumber-preprocessor/steps'
+import { Given } from '@badeball/cypress-cucumber-preprocessor'
 
 Given('some user roles exist', () => {})
 

cypress/integration/user-role/list-roles/index.js → cypress/e2e/user-role/list-roles/index.js

@@ -1,5 +1,5 @@
 import '../common.js'
-import { Given, Then, When } from 'cypress-cucumber-preprocessor/steps'
+import { Given, Then, When } from '@badeball/cypress-cucumber-preprocessor'
 
 Then('the user-manager should see the first page of all user roles', () => {
  cy.getWithDataTest('{dhis2-uiwidgets-pagination-summary}').contains(

cypress/integration/user-role/search-roles/index.js → cypress/e2e/user-role/search-roles/index.js

@@ -1,5 +1,5 @@
 import '../common.js'
-import { Given, Then, When } from 'cypress-cucumber-preprocessor/steps'
+import { Given, Then, When } from '@badeball/cypress-cucumber-preprocessor'
 
 const NAME_SEARCH_QUERY = 'admin'
 

cypress/integration/user/common.js → cypress/e2e/user/common.js

@@ -1,4 +1,4 @@
-import { Given } from 'cypress-cucumber-preprocessor/steps'
+import { Given } from '@badeball/cypress-cucumber-preprocessor'
 
 Given('some users exist', () => {})
 

cypress/integration/user/list-users/index.js → cypress/e2e/user/list-users/index.js

@@ -1,5 +1,5 @@
 import '../common.js'
-import { Given, Then, When } from 'cypress-cucumber-preprocessor/steps'
+import { Given, Then, When } from '@badeball/cypress-cucumber-preprocessor'
 
 Then('the user-manager should see the first page of all users', () => {
  cy.getWithDataTest('{dhis2-uiwidgets-pagination-summary}').contains(

cypress/integration/user/search-users/index.js → cypress/e2e/user/search-users/index.js

@@ -1,5 +1,5 @@
 import '../common.js'
-import { Given, Then, When } from 'cypress-cucumber-preprocessor/steps'
+import { Given, Then, When } from '@badeball/cypress-cucumber-preprocessor'
 
 const NAME_SEARCH_QUERY = 'admin'