Install Chrome explicitly in frontend CI

Author: cmm-aoi

.github/workflows/frontend.yml

@@ -35,20 +35,22 @@ jobs:
     if: ${{ needs.changes.outputs.frontend == 'true' }}
     runs-on: ubuntu-latest
     timeout-minutes: 7
-    env:
-      CHROME_BIN: google-chrome
     steps:
       - uses: actions/checkout@v4
       - uses: actions/setup-node@v4
         with:
           node-version: 14
           cache: npm
           cache-dependency-path: frontend/package-lock.json
+      - uses: browser-actions/setup-chrome@v2
+        id: setup-chrome
       - run: npm install -g npm@6.14.18
       - run: npm install
         working-directory: ./frontend
       - run: npm run test
         working-directory: ./frontend
+        env:
+          CHROME_BIN: ${{ steps.setup-chrome.outputs.chrome-path }}
 
   node-next-test:
     strategy:
@@ -58,14 +60,16 @@ jobs:
     if: ${{ needs.changes.outputs.frontend == 'true' }}
     runs-on: ubuntu-latest
     timeout-minutes: 7
-    env:
-      CHROME_BIN: google-chrome
     steps:
       - uses: actions/checkout@v4
       - uses: actions/setup-node@v4
         with:
           node-version: ${{ matrix.node_version }}
+      - uses: browser-actions/setup-chrome@v2
+        id: setup-chrome
       - run: npm install
         working-directory: ./frontend
       - run: npm run test
         working-directory: ./frontend
+        env:
+          CHROME_BIN: ${{ steps.setup-chrome.outputs.chrome-path }}