Cherry Pick commits to fix warnings on GitHub Action (#673)

This collects the changes of the PRs #643, #665 and #666

Bug: T322548
Co-authored-by: Guergana Tzatchkova <[email protected]>

.github/workflows/comment-deploy-url-to-pr.yaml

@@ -10,10 +10,9 @@ jobs:
     name: Comment deploy URL to PR
     steps:
       - name: Get branch hash
-        id: get_hash
-        run: echo "::set-output name=hash::$(echo '${{ github.ref }}' | shasum | awk '{print $1}')"
+        run: echo "PR_HASH=$(echo '${{ github.ref }}' | shasum | awk '{print $1}')" >> $GITHUB_ENV
       - name: Comment on PR
         uses: thollander/[email protected]
         with:
-          message: "<https://${{ steps.get_hash.outputs.hash }}--wmde-wikit.netlify.app>"
+          message: "<https://${{ env.PR_HASH }}--wmde-wikit.netlify.app>"
           GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}

.github/workflows/document.yaml

@@ -10,7 +10,7 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - name: Checkout
-        uses: actions/checkout@v2
+        uses: actions/checkout@v3
         with:
           persist-credentials: false
 

.github/workflows/pre-release.yaml

@@ -10,9 +10,9 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - name: Checkout
-        uses: actions/checkout@v2
+        uses: actions/checkout@v3
       - name: Setup
-        uses: actions/setup-node@v1
+        uses: actions/setup-node@v3
         with:
           node-version: '16'
       - name: Install

.github/workflows/release.yaml

@@ -10,9 +10,9 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - name: Checkout
-        uses: actions/checkout@v2
+        uses: actions/checkout@v3
       - name: Setup
-        uses: actions/setup-node@v1
+        uses: actions/setup-node@v3
         with:
           node-version: '16'
       - name: Install

.github/workflows/test-and-demo.yaml

@@ -21,11 +21,11 @@ jobs:
       behavioral: ${{ steps.filter.outputs.behavioral }}
     steps:
     - name: Checkout
-      uses: actions/checkout@v2
+      uses: actions/checkout@v3
       with:
         fetch-depth: 0 # chromatic needs access to the history
     - name: Check Paths
-      uses: dorny/paths-filter@v2.9.0
+      uses: dorny/paths-filter@v2
       id: filter
       with:
         filters: |
@@ -35,19 +35,19 @@ jobs:
           behavioral:
             - 'vue-components/**'
     - name: Set up node
-      uses: actions/setup-node@v2
+      uses: actions/setup-node@v3
       with:
         node-version: '16'
     - name: Cache dependencies
-      uses: actions/cache@v2
+      uses: actions/cache@v3
       id: cache
       with:
         path: |
           node_modules
           */node_modules
         key: ${{ runner.os }}-${{ hashFiles('**/package-lock.json', '**/package.json') }}
     - name: Cache artifacts
-      uses: actions/cache@v2
+      uses: actions/cache@v3
       id: dist
       with:
         path: |
@@ -65,15 +65,15 @@ jobs:
     needs: setup
     steps:
     - name: Checkout
-      uses: actions/checkout@v2
+      uses: actions/checkout@v3
       with:
         fetch-depth: 0 # chromatic needs access to the history
     - name: Set up node
-      uses: actions/setup-node@v1
+      uses: actions/setup-node@v3
       with:
         node-version: '16'
     - name: Restore dependencies
-      uses: actions/cache@v2
+      uses: actions/cache@v3
       with:
         path: |
           node_modules
@@ -88,22 +88,22 @@ jobs:
     if: ${{ needs.setup.outputs.visual == 'true' || github.ref == 'refs/heads/master' }}
     steps:
     - name: Checkout
-      uses: actions/checkout@v2
+      uses: actions/checkout@v3
       with:
         fetch-depth: 0 # chromatic needs access to the history
     - name: Set up node
-      uses: actions/setup-node@v1
+      uses: actions/setup-node@v3
       with:
         node-version: '16'
     - name: Restore dependencies
-      uses: actions/cache@v2
+      uses: actions/cache@v3
       with:
         path: |
           node_modules
           */node_modules
         key: ${{ runner.os }}-${{ hashFiles('**/package-lock.json', '**/package.json') }}
     - name: Restore artifacts
-      uses: actions/cache@v2
+      uses: actions/cache@v3
       with:
         path: |
           */dist
@@ -118,16 +118,16 @@ jobs:
     needs: setup
     if: ${{ github.repository_owner == 'wmde' }}
     outputs:
-      deploy_url: ${{ steps.netlify_deploy.outputs.url }}
+      deploy_url: ${{ env.NETLIFY_DEPLOY_URL }}
     steps:
     - name: Checkout
-      uses: actions/checkout@v2
+      uses: actions/checkout@v3
     - name: Set up node
-      uses: actions/setup-node@v1
+      uses: actions/setup-node@v3
       with:
         node-version: '16'
     - name: Restore dependencies
-      uses: actions/cache@v2
+      uses: actions/cache@v3
       with:
         path: |
           node_modules
@@ -136,30 +136,29 @@ jobs:
     - name: Build Project
       run: npm run build:storybook
     - name: Deploy to netlify
-      id: netlify_deploy
-      run: echo "::set-output name=url::$(npx -p netlify-cli
+      run: echo "NETLIFY_DEPLOY_URL=$(npx -p netlify-cli
         netlify deploy --dir=docs/dist --json
         --alias $(echo '${{ github.ref }}' | shasum | awk '{print $1}')
-        | jq '.deploy_url' --raw-output)"
+        | jq '.deploy_url' --raw-output)" >> $GITHUB_ENV
       env:
         NETLIFY_AUTH_TOKEN: ${{ secrets.NETLIFY_AUTH_TOKEN }}
         NETLIFY_SITE_ID: ${{ secrets.NETLIFY_SITE_ID }}
     - name: Print deploy URL
-      run: echo ${{ steps.netlify_deploy.outputs.url }}
+      run: echo ${{ env.NETLIFY_DEPLOY_URL }}
 
   browser-tests:
     runs-on: ubuntu-latest
     needs: [setup, deploy]
     if: ${{ needs.setup.outputs.behavioral == 'true' || github.ref == 'refs/heads/master' }}
     steps:
     - name: Checkout
-      uses: actions/checkout@v2
+      uses: actions/checkout@v3
     - name: Set up node
-      uses: actions/setup-node@v1
+      uses: actions/setup-node@v3
       with:
         node-version: '16'
     - name: Restore dependencies
-      uses: actions/cache@v2
+      uses: actions/cache@v3
       with:
         path: |
           node_modules