[UIK-3788]/unit tests

.github/workflows/cd.yml

@@ -17,7 +17,7 @@ jobs:
       - name: Install Node.js
         uses: actions/setup-node@v4.0.1
         with:
-          node-version: 24
+          node-version: 24.15.0
       - uses: pnpm/action-setup@v4.0.0
         name: Install pnpm
         id: pnpm-install
@@ -95,7 +95,7 @@ jobs:
       - name: Install Node.js
         uses: actions/setup-node@v4.0.1
         with:
-          node-version: 24
+          node-version: 24.15.0
       - uses: pnpm/action-setup@v4.0.0
         name: Install pnpm
         id: pnpm-install
@@ -122,7 +122,7 @@ jobs:
             semcore/illustration/**/*.js
             semcore/illustration/**/*.mjs
             semcore/illustration/**/*.d.ts
-          key: build-${{ hashFiles('**/pnpm-lock.yaml', '**/CHANGELOG.md') }}-5
+          key: build-${{ hashFiles('**/pnpm-lock.yaml', '**/CHANGELOG.md') }}-6
           enableCrossOsArchive: true
       - name: Install dependencies
         run: |
@@ -140,7 +140,7 @@ jobs:
       - name: Install Node.js
         uses: actions/setup-node@v4.0.1
         with:
-          node-version: 24
+          node-version: 24.15.0
       - uses: pnpm/action-setup@v4.0.0
         name: Install pnpm
         id: pnpm-install
@@ -167,7 +167,7 @@ jobs:
             semcore/illustration/**/*.js
             semcore/illustration/**/*.mjs
             semcore/illustration/**/*.d.ts
-          key: build-${{ hashFiles('**/pnpm-lock.yaml', '**/CHANGELOG.md') }}-5
+          key: build-${{ hashFiles('**/pnpm-lock.yaml', '**/CHANGELOG.md') }}-6
           enableCrossOsArchive: true
       - name: Install dependencies
         run: |
@@ -223,7 +223,7 @@ jobs:
       - name: Install Node.js
         uses: actions/setup-node@v4.0.1
         with:
-          node-version: 24
+          node-version: 24.15.0
       - uses: pnpm/action-setup@v4.0.0
         name: Install pnpm
         id: pnpm-install
@@ -250,19 +250,22 @@ jobs:
             semcore/illustration/**/*.js
             semcore/illustration/**/*.mjs
             semcore/illustration/**/*.d.ts
-          key: build-${{ hashFiles('**/pnpm-lock.yaml', '**/CHANGELOG.md') }}-5
+          key: build-${{ hashFiles('**/pnpm-lock.yaml', '**/CHANGELOG.md') }}-6
           enableCrossOsArchive: true
       - name: Install dependencies
         run: |
           pnpm install --frozen-lockfile
-      - name: Test setup
-        id: test-setup
-        run: pnpm test:setup
       - name: Test
         id: test
         env:
           CHANGED_COMPONENTS: ${{ needs.defineChangedComponents.outputs.changedComponents }}
-        run: pnpm test:docker run $CHANGED_COMPONENTS -- --allowOnly=false
+        run: |
+          PROJECT_ARGS=()
+          for COMPONENT_NAME in $CHANGED_COMPONENTS; do
+            PROJECT_ARGS+=(--project "@semcore/$COMPONENT_NAME")
+          done
+
+          pnpm test run "${PROJECT_ARGS[@]}" -- --allowOnly=false
         continue-on-error: true
       - name: Save test results as artifacts
         if: steps.test.outcome != 'success'
@@ -274,69 +277,6 @@ jobs:
       - name: Fail if test step actually failed
         if: steps.test.outcome != 'success'
         run: exit 1
-#  a11y-tests:
-#    runs-on: macos-14
-#    needs: build
-#    steps:
-#      - uses: actions/checkout@v4.1.1
-#      - name: Install Node.js
-#        uses: actions/setup-node@v4.0.1
-#        with:
-#          node-version: 24
-#      - uses: pnpm/action-setup@v4.0.0
-#        name: Install pnpm
-#        id: pnpm-install
-#        with:
-#          version: 10.32.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') }}
-#      - 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
-#      - name: Install dependencies
-#        run: |
-#          pnpm install --frozen-lockfile
-#      - name: Install Browser
-#        run: npx playwright install webkit
-#      - name: Enable VoiceOver Automation
-#        uses: guidepup/setup-action@0.15.3
-#      - name: Voice Over testing
-#        id: a11y-testing
-#        uses: nick-fields/retry@v2.8.3
-#        with:
-#          timeout_minutes: 40
-#          max_attempts: 3
-#          command: pnpm run vo-test:ci
-#        continue-on-error: true
-#      - name: Save test results as artifacts
-#        if: steps.a11y-testing.outcome != 'success'
-#        uses: actions/upload-artifact@v4
-#        with:
-#          name: a11y-testing-failure-output
-#          path: test-results
-#          retention-days: 3
-#      - name: Fail if test step actually failed
-#        if: steps.a11y-testing.outcome != 'success'
-#        run: exit 1
   browser-tests-visual:
     runs-on: ubuntu-latest
     needs: [ build, defineChangedComponents ]
@@ -387,7 +327,7 @@ jobs:
             semcore/illustration/**/*.js
             semcore/illustration/**/*.mjs
             semcore/illustration/**/*.d.ts
-          key: build-${{ hashFiles('**/pnpm-lock.yaml', '**/CHANGELOG.md') }}-5
+          key: build-${{ hashFiles('**/pnpm-lock.yaml', '**/CHANGELOG.md') }}-6
           enableCrossOsArchive: true
       - name: Build basic packages
         if: steps.cache-build.outputs.cache-hit != 'true'
@@ -462,7 +402,7 @@ jobs:
             semcore/illustration/**/*.js
             semcore/illustration/**/*.mjs
             semcore/illustration/**/*.d.ts
-          key: build-${{ hashFiles('**/pnpm-lock.yaml', '**/CHANGELOG.md') }}-5
+          key: build-${{ hashFiles('**/pnpm-lock.yaml', '**/CHANGELOG.md') }}-6
       - name: Build basic packages
         if: steps.cache-build.outputs.cache-hit != 'true'
         run: |
@@ -532,7 +472,7 @@ jobs:
             semcore/illustration/**/*.js
             semcore/illustration/**/*.mjs
             semcore/illustration/**/*.d.ts
-          key: build-${{ hashFiles('**/pnpm-lock.yaml', '**/CHANGELOG.md') }}-5
+          key: build-${{ hashFiles('**/pnpm-lock.yaml', '**/CHANGELOG.md') }}-6
           enableCrossOsArchive: true
       - name: Build basic packages
         if: steps.cache-build.outputs.cache-hit != 'true'
@@ -568,7 +508,7 @@ jobs:
       - name: Install Node.js
         uses: actions/setup-node@v4.0.1
         with:
-          node-version: 24
+          node-version: 24.15.0
       - uses: pnpm/action-setup@v4.0.0
         name: Install pnpm
         id: pnpm-install
@@ -597,13 +537,13 @@ jobs:
             semcore/illustration/**/*.js
             semcore/illustration/**/*.mjs
             semcore/illustration/**/*.d.ts
-          key: build-${{ hashFiles('**/pnpm-lock.yaml', '**/CHANGELOG.md') }}-5
+          key: build-${{ hashFiles('**/pnpm-lock.yaml', '**/CHANGELOG.md') }}-6
           enableCrossOsArchive: true
       - name: Install dependencies
         run: |
           pnpm install --frozen-lockfile --ignore-scripts
-      - name: Install Playwright Browsers
-        run: npx playwright install
+      - name: Install Playwright Firefox
+        run: pnpm exec playwright install firefox
       - name: NVDA setup
         run: pnpm nvda-test:setup
       - name: NVDA testing

CONTRIBUTING.md

@@ -59,11 +59,7 @@ To preview the website locally, run `pnpm website`. The site will be accessible
 
 ## Screen reader tests
 
-Ensuring the accessibility of our components is a priority. We conduct automated screen reader tests, focusing on VoiceOver screen reader in Safari on macOS. Here's how to set up and run these tests:
-
-- To set up the environment, execute `pnpm vo-test:setup`.
-- Open  `voiceOver Utility > General` on your mac and enable the setting "Allow VoiceOver to be controlled with AppleScript"
-- Run the tests using the command `pnpm vo-test`.
+We use automated NVDA tests to check screen reader support on Windows. To prepare the environment for the first run, use `pnpm nvda-test:setup`. After setup, run the tests with `pnpm nvda-test`.
 
 ## Caveats
 

package.json

@@ -16,9 +16,6 @@
     "axe-test": "pnpm playwright test --config playwright.axe.config.ts",
     "axe-test:docker": "pnpm run-in-docker pnpm install-n-axe-test",
     "test:types": "vitest typecheck",
-    "vo-test:setup": "npx @guidepup/setup",
-    "vo-test": "playwright test --config playwright.vo.config.ts",
-    "vo-test:ci": "pnpm tsm --require=./.ci/tsm-filter-warnings.js ./.ci/vo-tests-ci.ts",
     "nvda-test:setup": "npx @guidepup/setup",
     "nvda-test": "playwright test --config playwright.nvda.config.ts",
     "run-in-docker": "docker run -e TEST_TAG=\"$TEST_TAG\" -e PLAYWRIGHT_ARGS= --rm --network host -v $(pwd)/package.json:/work/package.json -v $(pwd)/vite.config.ts:/work/vite.config.ts -v $(pwd)/playwright.browser.config.ts:/work/playwright.browser.config.ts -v $(pwd)/playwright.axe.config.ts:/work/playwright.axe.config.ts -v $(pwd)/.storybook:/work/.storybook -v $(pwd)/allure-results:/work/allure-results/ -v $(pwd)/semcore:/work/semcore/ -v $(pwd)/stories:/work/stories/ -v $(pwd)/tools:/work/tools/ -v $(pwd)/website:/work/website/ -v $(pwd)/test-results:/work/test-results/ -w /work/ intergalactic-playwright:17.0.1",

semcore/accordion/__tests__/__snapshots__/index.test.tsx.snap

@@ -0,0 +1,22 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`Accordion > Verify data-ui-name 1`] = `
+{
+  "children": [
+    {
+      "children": [
+        {
+          "children": [],
+          "uiName": "Item.ToggleButton",
+        },
+      ],
+      "uiName": "Item.Toggle",
+    },
+    {
+      "children": [],
+      "uiName": "Item.Collapse",
+    },
+  ],
+  "uiName": null,
+}
+`;