test: screen-reader

.github/actions/npm-cache/action.yml

@@ -0,0 +1,46 @@
+---
+name: "NPM Cache Action"
+description: "Initialize NPM Cache"
+inputs:
+  nodeModulesPath:
+    description: "Path for node_modules"
+    required: false
+    default: "**node_modules"
+  packageLockPath:
+    description: "Path for package-lock.json"
+    required: false
+    default: "**/package-lock.json"
+  nodeVersion:
+    description: "Node version"
+    required: false
+    default: "20"
+runs:
+  using: "composite"
+  steps:
+    - name: 🆙 Setup node
+      uses: actions/setup-node@v4
+      with:
+        node-version: ${{ inputs.nodeVersion }}
+        cache-dependency-path: screen-reader-test/package-lock.json
+
+    - name: Display node and npm version
+      shell: bash
+      run: |
+        node --version
+        npm --version
+
+    - name: 🆒 Init Cache
+      uses: actions/cache@v4
+      id: "cache"
+      with:
+        path: screen-reader-test/node-modules
+        key: ${{ runner.os }}-node-${{ inputs.nodeVersion }}-${{ hashFiles(inputs.packageLockPath) }}
+        restore-keys: |
+          ${{ runner.os }}-node-${{ inputs.nodeVersion }}
+
+    - name: ⏬ NPM ci
+      shell: bash
+      working-directory: screen-reader-test
+      if: steps.cache.outputs.cache-hit != 'true'
+      run: |
+        npm ci

.github/workflows/02-e2e-screen-reader.yml

@@ -0,0 +1,68 @@
+name: 🎭 Playwright Screen Reader
+
+on:
+  workflow_call:
+
+permissions:
+  actions: write
+  contents: write
+
+jobs:
+  playwright-screen-reader:
+    name: 🧪🎭 - screen-reader - ${{ matrix.os }} - ${{ matrix.framework }}
+    runs-on: ${{ matrix.os }}
+    strategy:
+      fail-fast: false
+      matrix:
+        os: [windows-latest]
+        framework: [react]
+    steps:
+      - name: ⏬ Checkout repo
+        uses: actions/checkout@v4
+
+      - name: 🔄 Init Cache Default
+        uses: ./.github/actions/npm-cache
+
+      - name: 🦮 Guidepup Setup
+        uses: guidepup/[email protected]
+        with:
+          record: true
+
+      - name: 🆙 Set env for os
+        shell: bash
+        env:
+          OS: ${{ matrix.os }}
+        run: |
+          if [[ $OS == "windows-latest" ]]; then
+           echo "BROWSER=chromium" >> "$GITHUB_ENV"
+          else
+           echo "BROWSER=webkit" >> "$GITHUB_ENV"
+          fi
+
+
+      - uses: actions/cache@v4
+        id: playwright-cache
+        with:
+          path: '~/.cache/ms-playwright'
+          key: '${{ runner.os }}-playwright-1.43.1'
+          restore-keys: |
+            ${{ runner.os }}-playwright-
+
+      - name: Install Playwright's dependencies
+        if: steps.playwright-cache.outputs.cache-hit != 'true'
+        run: npx playwright install --with-deps ${{ env.BROWSER }}
+
+      - name: 👩‍🔬 Test showcase with Playwright 🎭
+        working-directory: screen-reader-test
+        env:
+          HOME: /root
+        run: |
+          npm run test:screen-reader:${{ matrix.os }} 
+
+      - name: 🆙 Upload test results
+        if: failure()
+        uses: actions/upload-artifact@v4
+        with:
+          name: ${{ matrix.framework }}-screen-reader-${{ matrix.os }}
+          path: ./screen-reader-test/${{ matrix.framework }}-showcase/test-results
+          retention-days: 30

.github/workflows/default.yml

@@ -0,0 +1,13 @@
+---
+name: Default Pipeline
+
+on:
+  pull_request:
+  push:
+    branches:
+      - "main"
+
+jobs:
+  test-screen-reader:
+    uses: ./.github/workflows/02-e2e-screen-reader.yml
+

.gitignore

@@ -105,3 +105,4 @@ dist
 
 # Setting files for IntelliJ / WebStorm
 .idea/
+/screen-reader-test/react-showcase/test-results/