chore: first pass at running tests in github actions

Author: castastrophe

.circleci/config.yml

@@ -22,12 +22,12 @@ commands:
     downstream:
         steps:
             - checkout
-            # - restore_cache:
-            #       keys:
-            #           - v4c-dependencies-{{ arch }}-{{ checksum "yarn.lock" }}
-            # - restore_cache:
-            #       keys:
-            #           - v4b-<< pipeline.parameters.wireit_cache_name >>-{{ arch }}-{{ checksum "package.json" }}-
+            - restore_cache:
+                  keys:
+                      - v4c-dependencies-{{ arch }}-{{ checksum "yarn.lock" }}
+            - restore_cache:
+                  keys:
+                      - v4b-<< pipeline.parameters.wireit_cache_name >>-{{ arch }}-{{ checksum "package.json" }}-
             - run:
                   name: Installing Dependencies
                   command: |
@@ -143,58 +143,6 @@ commands:
                   key: v2-golden-images-{{ .Branch }}-<< parameters.regression_system >>-<< parameters.regression_color >>-<< parameters.regression_scale >>-<< parameters.regression_dir >>-{{ epoch }}
 
 jobs:
-    test-chromium:
-        executor: node
-
-        steps:
-            - downstream
-            - run:
-                  name: Run unit tests
-                  command: yarn test:ci --config web-test-runner.config.ci-chromium.js --group no-memory-ci --coverage
-            - store_test_results:
-                  path: /root/project/results/
-            - store_artifacts:
-                  path: coverage
-
-    test-chromium-memory:
-        executor: node
-
-        steps:
-            - downstream
-            - run:
-                  name: Run memory tests
-                  command: yarn test:ci --config web-test-runner.config.ci-chromium.js --group memory-ci
-            - store_test_results:
-                  path: /root/project/results/
-
-    test-firefox:
-        executor: node
-        parallelism: 5
-
-        steps:
-            - downstream
-            - run:
-                  name: Run tests
-                  command: |
-                      TEST=$(circleci tests glob packages/*/test/*.test.js | circleci tests split --split-by=timings)
-                      yarn test:start --files $TEST --config web-test-runner.config.ci-firefox.js --group unit-ci
-            - store_test_results:
-                  path: /root/project/results/
-
-    test-webkit:
-        executor: node
-        parallelism: 5
-
-        steps:
-            - downstream
-            - run:
-                  name: Run tests
-                  command: |
-                      TEST=$(circleci tests glob packages/*/test/*.test.js | circleci tests split --split-by=timings)
-                      yarn test:start --files $TEST --config web-test-runner.config.ci-webkit.js --group unit-ci
-            - store_test_results:
-                  path: /root/project/results/
-
     preview-docs:
         executor: node
         steps:
@@ -217,29 +165,6 @@ jobs:
                   branch=$(npx slugify-cli $branch)
                   yarn netlify deploy --alias=$branch --cwd projects/documentation
 
-    beta-docs:
-        executor: node
-
-        steps:
-            - downstream
-            - run:
-                  name: Generate Custom Elements Manifest
-                  command: yarn docs:analyze
-            - run:
-                  name: Move CEM to Storybook directory
-                  command: cp projects/documentation/custom-elements.json storybook/
-            - run:
-                  name: Build documentation
-                  command: yarn docs:build
-            - run:
-                  name: Build Storybook
-                  command: yarn storybook:build
-            - run: echo '/*    /index.html   200' > projects/documentation/dist/_redirects
-            - run: |
-                  branch=$(git symbolic-ref --short HEAD)
-                  branch=$(npx slugify-cli $branch)
-                  yarn netlify deploy --alias=beta --cwd projects/documentation
-
     hcm-visual:
         executor: node
 
@@ -349,10 +274,6 @@ workflows:
     version: 2
     build:
         jobs:
-            - test-chromium
-            - test-chromium-memory
-            - test-firefox
-            - test-webkit
             - hcm-visual:
                   filters:
                       branches:
@@ -363,11 +284,6 @@ workflows:
                       branches:
                           # Forked pull requests have CIRCLE_BRANCH set to pull/XXX
                           ignore: /pull\/[0-9]+/
-            - beta-docs:
-                  filters:
-                      branches:
-                          # Beta docs are only published from main
-                          only: main
             - visual:
                   name: << matrix.system >>-<< matrix.color >>-<< matrix.scale >>-<< matrix.dir >>
                   matrix:

.github/actions/setup-job/action.yml

@@ -5,6 +5,17 @@ inputs:
         description: 'The Node.js version to use'
         required: false
         default: '20'
+    skip-build:
+        description: 'Skip the build step'
+        required: false
+        default: 'false'
+    with-playwright:
+        description: 'Whether to install Playwright'
+        required: false
+        default: 'false'
+    browser:
+        description: 'The browser to use'
+        required: false
 runs:
     using: 'composite'
     steps:
@@ -35,6 +46,29 @@ runs:
           shell: bash
           run: yarn install --immutable
 
+        - name: Get installed Playwright version
+          if: ${{ inputs.with-playwright == 'true' }}
+          id: playwright-version
+          shell: bash
+          run: echo "version=$(npm ls @playwright/test --json | jq --raw-output '.dependencies["@playwright/test"].version')" >> $GITHUB_OUTPUT
+
+        - name: Restore Playwright cache
+          continue-on-error: true
+          if: ${{ inputs.with-playwright == 'true' }}
+          id: playwright-cache
+          uses: actions/cache@v4
+          with:
+              path: ~/.cache/ms-playwright
+              key: ${{ runner.os }}-playwright-${{ inputs.browser }}-${{ steps.playwright-version.outputs.version }}
+              restore-keys: |
+                  ${{ runner.os }}-playwright-${{ inputs.browser }}-
+
+        - name: Install Playwright
+          if: ${{ inputs.with-playwright == 'true' && steps.playwright-cache.outputs.cache-hit != 'true' }}
+          shell: bash
+          run: yarn playwright install --with-deps ${{ inputs.browser }}
+
         - name: Build the project
+          if: ${{ inputs.skip-build != 'true' }}
           shell: bash
           run: yarn build

.github/workflows/browser-tests.yml

@@ -1,8 +1,8 @@
 name: Browser Performance Tests
 
 on:
-    pull_request:
-        types: [opened, synchronize, reopened]
+    workflow_dispatch:
+    workflow_call:
 
 permissions:
     contents: read
@@ -31,8 +31,7 @@ jobs:
                   fetch-depth: 0 # Get full history
 
             - name: Fetch main branch
-              run: |
-                  git fetch origin main:main
+              run: git fetch origin main:main
 
             - name: Setup Job and Install Dependencies
               uses: ./.github/actions/setup-job
@@ -41,7 +40,7 @@ jobs:
               if: matrix.browser == 'chrome'
               run: |
                   echo "Checking ChromeDriver version..."
-                  npx chromedriver --version
+                  yarn dlx chromedriver --version
                   echo "Checking Chrome version..."
                   google-chrome --version
                   echo "Checking tachometer chromedriver version..."
@@ -83,6 +82,8 @@ jobs:
 
             - name: Setup Job and Install Dependencies
               uses: ./.github/actions/setup-job
+              with:
+                  skip-build: true
 
             - uses: actions/download-artifact@v4
               with:

.github/workflows/build.yml

@@ -1,88 +1,31 @@
-name: Build
-#
-# This workflow validates that the commit in question can be built successfully
-# in several environments:
-#
-#   Systems:        Ubuntu, MacOS, Windows (default: macos-latest)
-#   Node versions:  20 (default)
-#   Experimental:   true/false (default: false)
-#   Ref:            The branch or tag to checkout (default: github.head_ref)
-#
-
+name: Build validation
 on:
     workflow_dispatch:
-        inputs:
-            system:
-                required: false
-                default: 'macos-latest'
-            node-version:
-                required: false
-                default: '20'
-            experimental:
-                required: false
-                default: 'false'
-            ref:
-                description: 'The branch or tag to checkout'
-                required: false
     workflow_call:
-        inputs:
-            system:
-                required: false
-                type: string
-                default: 'macos-latest'
-            node-version:
-                required: false
-                type: string
-                default: '20'
-            experimental:
-                required: false
-                type: boolean
-                default: false
-            ref:
-                description: 'The branch or tag to checkout'
-                required: false
-                type: string
-                default: ${{ github.head_ref }}
-
-permissions:
-    contents: read
-    pull-requests: write
-
-defaults:
-    run:
-        shell: bash
 
 jobs:
-    # ---------- Validate build for various environments ---------- #
     build:
+        name: Build ${{ matrix.system }}, node v${{ matrix.node-version }}
         strategy:
             fail-fast: false
             matrix:
                 system:
-                    - ${{ inputs.system }}
+                    - macos-latest
+                    - ubuntu-latest
+                    # - windows-latest
                 node-version:
-                    - ${{ inputs.node-version }}
-                experimental:
-                    - ${{ inputs.experimental }}
+                    - 20
         runs-on: ${{ matrix.system }}
-        continue-on-error: ${{ matrix.experimental }}
         timeout-minutes: 10
-        name: Build ${{ matrix.system }}, node v${{ matrix.node-version }}
         steps:
             - name: Checkout PR branch
               uses: actions/checkout@v4
-              with:
-                  ref: ${{ inputs.ref || github.head_ref }}
-                  fetch-depth: 0
 
             - name: Setup Job and Install Dependencies
               uses: ./.github/actions/setup-job
               with:
                   node-version: ${{ matrix.node-version }}
 
-            - name: Build the project
-              run: yarn build
-
             # This step will evaluate the repo status and report the change
             # If there are changes, capture the changes and upload them as an artifact
             - name: Check if there are changes