[chore] Merge branch 'release/v17' into UIK-4277/separate-wf-for-icons

Author: ilyabrower

.ci/changelog-merge-driver.ts

@@ -1,3 +1,11 @@
+## Changelog
+
+### @semcore/_$component_name
+
+#### Fixed
+
+-
+
 <!--- Provide a general summary of your changes in the Title above -->
 
 ## Motivation and Context
@@ -30,5 +38,4 @@
 <!--- If you're unsure about any of these, don't hesitate to ask. We're here to help! -->
 
 - [ ] I have updated the documentation accordingly.
-- [ ] I have added changelog note to corresponding `CHANGELOG.md` file with planned publish date.
 - [ ] I have added new tests on added of fixed functionality.

.github/PULL_REQUEST_TEMPLATE.md

@@ -32,7 +32,7 @@ jobs:
         name: Setup pnpm cache
         with:
           path: ${{ steps.pnpm-cache.outputs.pnpm_cache_dir }}
-          key: ${{ runner.os }}-pnpm-store-${{ hashFiles('**/pnpm-lock.yaml') }}
+          key: pnpm-store-${{ hashFiles('**/pnpm-lock.yaml') }}
       - name: Install dependencies
         run: |
           pnpm install --frozen-lockfile
@@ -110,7 +110,8 @@ jobs:
         name: Setup pnpm cache
         with:
           path: ${{ steps.pnpm-cache.outputs.pnpm_cache_dir }}
-          key: ${{ runner.os }}-pnpm-store-${{ hashFiles('**/pnpm-lock.yaml') }}
+          key: pnpm-store-${{ hashFiles('**/pnpm-lock.yaml') }}
+          enableCrossOsArchive: true
       - name: Cache build
         uses: actions/cache@v4
         id: cache-build
@@ -125,6 +126,7 @@ jobs:
             semcore/illustration/**/*.mjs
             semcore/illustration/**/*.d.ts
           key: build-${{ hashFiles('**/pnpm-lock.yaml', '**/CHANGELOG.md') }}-5
+          enableCrossOsArchive: true
       - name: Install dependencies
         run: |
           pnpm install --frozen-lockfile
@@ -156,7 +158,8 @@ jobs:
         name: Setup pnpm cache
         with:
           path: ${{ steps.pnpm-cache.outputs.pnpm_cache_dir }}
-          key: ${{ runner.os }}-pnpm-store-${{ hashFiles('**/pnpm-lock.yaml') }}
+          key: pnpm-store-${{ hashFiles('**/pnpm-lock.yaml') }}
+          enableCrossOsArchive: true
       - name: Restore cached build
         uses: actions/cache@v4
         id: cache-build
@@ -171,6 +174,7 @@ jobs:
             semcore/illustration/**/*.mjs
             semcore/illustration/**/*.d.ts
           key: build-${{ hashFiles('**/pnpm-lock.yaml', '**/CHANGELOG.md') }}-5
+          enableCrossOsArchive: true
       - name: Install dependencies
         run: |
           pnpm install --frozen-lockfile
@@ -210,7 +214,8 @@ jobs:
         name: Setup pnpm cache
         with:
           path: ${{ steps.pnpm-cache.outputs.pnpm_cache_dir }}
-          key: ${{ runner.os }}-pnpm-store-${{ hashFiles('**/pnpm-lock.yaml') }}
+          key: pnpm-store-${{ hashFiles('**/pnpm-lock.yaml') }}
+          enableCrossOsArchive: true
       - name: Restore cached build
         uses: actions/cache@v4
         id: cache-build
@@ -225,6 +230,7 @@ jobs:
             semcore/illustration/**/*.mjs
             semcore/illustration/**/*.d.ts
           key: build-${{ hashFiles('**/pnpm-lock.yaml', '**/CHANGELOG.md') }}-5
+          enableCrossOsArchive: true
       - name: Install dependencies
         run: |
           pnpm install --frozen-lockfile
@@ -270,7 +276,7 @@ jobs:
 #        name: Setup pnpm cache
 #        with:
 #          path: ${{ steps.pnpm-cache.outputs.pnpm_cache_dir }}
-#          key: ${{ runner.os }}-pnpm-store-${{ hashFiles('**/pnpm-lock.yaml') }}
+#          key: pnpm-store-${{ hashFiles('**/pnpm-lock.yaml') }}
 #      - name: Restore cached build
 #        uses: actions/cache@v4
 #        id: cache-build
@@ -310,10 +316,92 @@ jobs:
 #      - name: Fail if test step actually failed
 #        if: steps.a11y-testing.outcome != 'success'
 #        run: exit 1
-  browser-tests:
+  browser-tests-visual:
     runs-on: ubuntu-latest
     needs: [ build, defineChangedComponents ]
     if: ${{ needs.defineChangedComponents.outputs.changedComponents != '' }}
+    strategy:
+      fail-fast: false
+      matrix:
+        browser: [chromium, firefox, webkit]
+    container:
+      image: mcr.microsoft.com/playwright:v1.48.2-jammy
+      options: --ipc=host  # Needed for Chromium sandboxing
+    steps:
+      - name: Install Git
+        run: apt-get update && apt-get install -y git
+      - uses: actions/[email protected]
+        with:
+          token: ${{ secrets.BOT_ACCOUNT_GITHUB_TOKEN }}
+          fetch-depth: 0
+          persist-credentials: false
+      - name: Mark workspace as safe
+        run: git config --global --add safe.directory "$GITHUB_WORKSPACE"
+      - uses: pnpm/[email protected]
+        with:
+          version: 10.11.1
+          run_install: false
+      - name: Get pnpm store directory
+        id: pnpm-cache
+        run: |
+          echo "pnpm_cache_dir=$(pnpm store path)" >> $GITHUB_OUTPUT
+      - uses: actions/cache@v4
+        name: Setup pnpm cache
+        with:
+          path: ${{ steps.pnpm-cache.outputs.pnpm_cache_dir }}
+          key: pnpm-store-${{ hashFiles('**/pnpm-lock.yaml') }}
+          enableCrossOsArchive: true
+      - name: Install dependencies
+        run: |
+          pnpm install --frozen-lockfile --ignore-scripts
+      - name: Install Browser
+        run: npx playwright install --with-deps
+      - name: Restore cached build
+        uses: actions/cache@v4
+        id: cache-build
+        with:
+          path: |
+            semcore/*/lib
+            tools/*/lib
+            semcore/icon/**/*.js
+            semcore/icon/**/*.mjs
+            semcore/icon/**/*.d.ts
+            semcore/illustration/**/*.js
+            semcore/illustration/**/*.mjs
+            semcore/illustration/**/*.d.ts
+          key: build-${{ hashFiles('**/pnpm-lock.yaml', '**/CHANGELOG.md') }}-5
+          enableCrossOsArchive: true
+      - name: Build basic packages
+        if: steps.cache-build.outputs.cache-hit != 'true'
+        run: |
+          pnpm --filter @semcore/core build
+          pnpm --filter @semcore/base-components build
+          pnpm build:icons
+          pnpm build:illustration
+      - name: Browser testing (Visual tests - ${{ matrix.browser }})
+        id: browser-testing-visual
+        env:
+          CHANGED_COMPONENTS: ${{ needs.defineChangedComponents.outputs.changedComponents }}
+        run: HOME=/root pnpm playwright test --config playwright.browser.config.ts --grep "@visual" --project=${{ matrix.browser }} $CHANGED_COMPONENTS
+        continue-on-error: true
+      - name: Save test results as artifacts
+        if: steps.browser-testing-visual.outcome != 'success'
+        uses: actions/upload-artifact@v4
+        with:
+          name: browser-testing-visual-${{ matrix.browser }}-failure-output
+          path: test-results
+          retention-days: 3
+      - name: Fail if test step actually failed
+        if: steps.browser-testing-visual.outcome != 'success'
+        run: exit 1
+  browser-tests-functional:
+    runs-on: ubuntu-latest
+    needs: [ build, defineChangedComponents ]
+    if: ${{ needs.defineChangedComponents.outputs.changedComponents != '' }}
+    strategy:
+      fail-fast: false
+      matrix:
+        browser: [chromium, firefox, webkit]
     container:
       image: mcr.microsoft.com/playwright:v1.48.2-jammy
       options: --ipc=host  # Needed for Chromium sandboxing
@@ -366,21 +454,21 @@ jobs:
           pnpm --filter @semcore/base-components build
           pnpm build:icons
           pnpm build:illustration
-      - name: Browser testing
-        id: browser-testing
+      - name: Browser testing (Functional tests - ${{ matrix.browser }})
+        id: browser-testing-functional
         env:
           CHANGED_COMPONENTS: ${{ needs.defineChangedComponents.outputs.changedComponents }}
-        run: HOME=/root pnpm playwright test --config playwright.browser.config.ts $CHANGED_COMPONENTS
+        run: HOME=/root pnpm playwright test --config playwright.browser.config.ts --grep "@functional" --project=${{ matrix.browser }} $CHANGED_COMPONENTS
         continue-on-error: true
       - name: Save test results as artifacts
-        if: steps.browser-testing.outcome != 'success'
+        if: steps.browser-testing-functional.outcome != 'success'
         uses: actions/upload-artifact@v4
         with:
-          name: browser-testing-failure-output
+          name: browser-testing-functional-${{ matrix.browser }}-failure-output
           path: test-results
           retention-days: 3
       - name: Fail if test step actually failed
-        if: steps.browser-testing.outcome != 'success'
+        if: steps.browser-testing-functional.outcome != 'success'
         run: exit 1
   axe-tests:
     runs-on: ubuntu-latest
@@ -410,7 +498,8 @@ jobs:
         name: Setup pnpm cache
         with:
           path: ${{ steps.pnpm-cache.outputs.pnpm_cache_dir }}
-          key: ${{ runner.os }}-pnpm-store-${{ hashFiles('**/pnpm-lock.yaml') }}
+          key: pnpm-store-${{ hashFiles('**/pnpm-lock.yaml') }}
+          enableCrossOsArchive: true
       - name: Install dependencies
         run: |
           pnpm install --frozen-lockfile --ignore-scripts
@@ -430,6 +519,7 @@ jobs:
             semcore/illustration/**/*.mjs
             semcore/illustration/**/*.d.ts
           key: build-${{ hashFiles('**/pnpm-lock.yaml', '**/CHANGELOG.md') }}-5
+          enableCrossOsArchive: true
       - name: Build basic packages
         if: steps.cache-build.outputs.cache-hit != 'true'
         run: |
@@ -453,3 +543,82 @@ jobs:
       - name: Fail if test step actually failed
         if: steps.axe-testing.outcome != 'success'
         run: exit 1
+  nvda-tests:
+    runs-on: windows-latest
+    needs: [ build, defineChangedComponents ]
+    if: ${{ needs.defineChangedComponents.outputs.changedComponents != '' }}
+    steps:
+      - name: Checkout
+        uses: actions/[email protected]
+      - name: Install Node.js
+        uses: actions/[email protected]
+        with:
+          node-version: 22
+      - uses: pnpm/[email protected]
+        name: Install pnpm
+        id: pnpm-install
+        with:
+          version: 10.11.1
+          run_install: false
+      - name: Get pnpm store directory
+        id: pnpm-cache
+        shell: pwsh
+        run: |
+          $pnpmStorePath = pnpm store path
+          echo "pnpm_cache_dir=$pnpmStorePath" >> $env:GITHUB_OUTPUT
+      - uses: actions/cache@v4
+        name: Setup pnpm cache
+        with:
+          path: ${{ steps.pnpm-cache.outputs.pnpm_cache_dir }}
+          key: pnpm-store-${{ hashFiles('**/pnpm-lock.yaml') }}
+          enableCrossOsArchive: true
+      - name: Restore cached build
+        uses: actions/cache@v4
+        id: cache-build
+        with:
+          path: |
+            semcore/*/lib
+            tools/*/lib
+            semcore/icon/**/*.js
+            semcore/icon/**/*.mjs
+            semcore/icon/**/*.d.ts
+            semcore/illustration/**/*.js
+            semcore/illustration/**/*.mjs
+            semcore/illustration/**/*.d.ts
+          key: build-${{ hashFiles('**/pnpm-lock.yaml', '**/CHANGELOG.md') }}-5
+          enableCrossOsArchive: true
+      - name: Install dependencies
+        run: |
+          pnpm install --frozen-lockfile --ignore-scripts
+      - name: Install Playwright Browsers
+        run: npx playwright install
+      - name: NVDA setup
+        run: pnpm nvda-test:setup
+      - name: NVDA testing
+        id: nvda-testing
+        env:
+          CHANGED_COMPONENTS: ${{ needs.defineChangedComponents.outputs.changedComponents }}
+        shell: pwsh
+        run: |
+          $components = $env:CHANGED_COMPONENTS -split '\s+' | Where-Object { $_ }
+
+          if (-not $components -or $components.Count -eq 0) {
+            Write-Host "No changed components; skipping."
+            exit 0
+          }
+
+          pnpm --filter @semcore/core build
+          pnpm --filter @semcore/icon build
+
+          pnpm exec playwright test --config playwright.nvda.config.ts -- $components
+        continue-on-error: true
+      - name: Save test results as artifacts
+        if: steps.nvda-testing.outcome != 'success'
+        uses: actions/upload-artifact@v4
+        with:
+          name: nvda-testing-failure-output
+          path: test-results
+          retention-days: 3
+      - name: Fail if test step actually failed
+        if: steps.nvda-testing.outcome != 'success'
+        run: exit 1