Test with Screen Builder

.github/workflows/sonarqube.yml

@@ -12,9 +12,124 @@ jobs:
     name: Scan
     runs-on: ubuntu-latest
     steps:
+      ########################################
+      # Checkout and Build vue-form-elements
+      ########################################
       - uses: actions/checkout@v2
         with:
           fetch-depth: 0  # Shallow clones should be disabled for a better relevancy of analysis
+      - name: Setup node env 🏗
+        uses: actions/setup-node@master
+        with:
+          node-version: 20
+          check-latest: true
+          cache: 'npm'
+
+      - name: Install vfe dependencies 
+        run: npm ci && npm run build-bundle
+
+      - name: Link vue-form-elements
+        run: npm link
+
+      ########################################
+      # Checkout and Build screen-builder
+      ########################################
+      - name: Get screen-builder-version from PR body
+        uses: actions-ecosystem/action-regex-match@v2
+        id: screen-builder-version
+        with:
+          text: ${{ github.event.pull_request.body }}
+          regex: 'ci:screen-builder:([^\s]+)'
+
+      - name: Set env variable SCREEN_BUILDER_BRANCH (default=develop)
+        run: |
+          export SCREEN_BUILDER_BRANCH='develop'
+          if [[ ${{ contains(github.event.pull_request.body, 'ci:next') }} ]]; then
+            export SCREEN_BUILDER_BRANCH=next
+          fi
+          if [[ ${{ steps.screen-builder-version.outputs.match != '' }} ]]; then
+            export SCREEN_BUILDER_BRANCH=${{ steps.screen-builder-version.outputs.group1 }}
+          fi
+          echo "SCREEN_BUILDER_BRANCH=${SCREEN_BUILDER_BRANCH}" >> $GITHUB_ENV
+
+      - name: Checkout screen-builder
+        uses: actions/checkout@v4
+        with:
+          repository: ProcessMaker/screen-builder
+          path: screen-builder
+          ref: ${{ env.SCREEN_BUILDER_BRANCH }}
+
+      - name: Link vue-form-elements
+        run: npm link @processmaker/vue-form-elements
+
+      - name: Install screen-builder dependencies 
+        working-directory: screen-builder
+        run: npm ci && npm run build-bundle
+
+      ########################################
+      # Checkout and Build screen-builder
+      ########################################
+      - name: Cypress run
+        uses: cypress-io/github-action@v6
+        with:
+          working-directory: screen-builder
+          browser: chrome
+          install: false
+          start: npm run dev
+          wait-on: 'http://localhost:5173/'
+          config-file: cypress.config.js
+          spec: "tests/e2e/**/*"
+          record: true
+          parallel: true
+          group: 'CI - Chrome'
+        env:
+          # For recording and parallelization to work you must set your CYPRESS_RECORD_KEY
+          # in GitHub repo → Settings → Secrets → Actions
+          CYPRESS_RECORD_KEY: ${{ secrets.CYPRESS_RECORD_KEY }}
+          # Creating a token https://docs.github.com/en/authentication/keeping-your-account-and-data-secure/creating-a-personal-access-token
+          GITHUB_TOKEN: ${{ secrets.GIT_TOKEN }}
+          COMMIT_INFO_MESSAGE: ${{ github.event.pull_request.title }}
+          # re-enable PR comment bot
+          COMMIT_INFO_SHA: ${{github.event.pull_request.head.sha}}
+      - name: Upload Cypress Screenshots
+        uses: actions/upload-artifact@v4
+        # Only capture images on failure
+        if: failure()
+        with:
+          name: cypress-screenshots
+          path: screen-builder/tests/e2e/screenshots
+
+      - name: Upload Cypress Videos
+        uses: actions/upload-artifact@v4
+        # Only capture videos on failure
+        if: failure()
+        with:
+          name: cypress-videos
+          path: screen-builder/tests/e2e/videos
+      - run: ls -l .
+      - run: ls -R coverage .nyc_output
+
+      - name: Prepare coverage
+        working-directory: screen-builder
+        run: cp .nyc_output/out.json coverage/coverage-${{ matrix.containers }}.json
+      - name: Archive code coverage
+        uses: actions/upload-artifact@v4
+        with:
+          name: coverage-${{ matrix.containers }}
+          path: ./screen-builder/coverage/coverage-${{ matrix.containers }}.json
+
+      - name: Create coverage report
+        working-directory: screen-builder
+        run: npx nyc report --reporter html --reporter text --reporter json-summary --reporter lcov --report-dir coverage
+      - name: Store Artifacts
+        uses: actions/upload-artifact@v4
+        with:
+          name: code-coverage-report
+          path: |
+            coverage
+            .nyc_output
+            reports
+
       - uses: sonarsource/sonarqube-scan-action@master
         env:
           SONAR_TOKEN: ${{ secrets.SONAR_TOKEN }}