Adds CI caching for tests

Author: jonniebigodes

.github/workflows/ui-tests.yml

@@ -3,16 +3,44 @@ name: "UI Tests"
 on: push
 
 jobs:
+  # Install and cache npm dependencies
+  install-cache:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout Commit
+        uses: actions/checkout@v2
+      - name: Cache yarn dependencies and cypress
+        uses: actions/cache@v2
+        id: yarn-cache
+        with:
+          path: |
+            ~/.cache/Cypress
+            node_modules
+          key: ${{ runner.os }}-yarn-v1-${{ hashFiles('**/yarn.lock') }}
+          restore-keys: |
+            ${{ runner.os }}-yarn-v1
+      - name: Install dependencies if cache invalid
+        if: steps.yarn-cache.outputs.cache-hit != 'true'
+        run: yarn
   # Run interaction and accessibility tests
   interaction-and-accessibility:
     runs-on: ubuntu-latest
+    needs: install-cache
     steps:
       - uses: actions/checkout@v2
       - uses: actions/setup-node@v2
         with:
           node-version: "16.x"
-      - name: Install dependencies
-        run: yarn
+      - name: Restore yarn dependencies
+        uses: actions/cache@v2
+        id: yarn-cache
+        with:
+          path: |
+            ~/.cache/Cypress
+            node_modules
+          key: ${{ runner.os }}-yarn-v1-${{ hashFiles('**/yarn.lock') }}
+          restore-keys: |
+            ${{ runner.os }}-yarn-v1
       - name: Install Playwright
         run: npx playwright install --with-deps
       - name: Build Storybook
@@ -25,12 +53,21 @@ jobs:
   # Run visual and composition tests with Chromatic
   visual-and-composition:
     runs-on: ubuntu-latest
+    needs: install-cache
     steps:
       - uses: actions/checkout@v2
         with:
           fetch-depth: 0 # Required to retrieve git history
-      - name: Install dependencies
-        run: yarn
+      - name: Restore yarn dependencies
+        uses: actions/cache@v2
+        id: yarn-cache
+        with:
+          path: |
+            ~/.cache/Cypress
+            node_modules
+          key: ${{ runner.os }}-yarn-v1-${{ hashFiles('**/yarn.lock') }}
+          restore-keys: |
+            ${{ runner.os }}-yarn-v1
       - name: Publish to Chromatic
         uses: chromaui/action@v1
         with:
@@ -39,10 +76,19 @@ jobs:
   # Run user flow tests with Cypress
   user-flow:
     runs-on: ubuntu-latest
+    needs: install-cache
     steps:
       - uses: actions/checkout@v2
-      - name: Install dependencies
-        run: yarn
+      - name: Restore yarn dependencies
+        uses: actions/cache@v2
+        id: yarn-cache
+        with:
+          path: |
+            ~/.cache/Cypress
+            node_modules
+          key: ${{ runner.os }}-yarn-v1-${{ hashFiles('**/yarn.lock') }}
+          restore-keys: |
+            ${{ runner.os }}-yarn-v1
       - name: Cypress run
         uses: cypress-io/github-action@v4
         with: