はじめに

CircleCI で puppeteer のテストを実行する準備・設定について、検索してもあまり見当たらなかったため、備忘録として投稿させていただきます。

テストスクリプト

CircleCIでPuppeteerを実行する場合は、puppeteer.launchにパラメータを追加する必要があります。

// ローカル環境などでPuppeteerを利用する場合、
// const browser = await puppeteer.launch();

// CircleCIでPuppeteerを利用する場合、
const browser = await puppeteer.launch({ args: ['--no-sandbox', '--disable-setuid-sandbox'] });

// ...(略)

パラメータを追加せずにテストスクリプトを実行した場合、以下のようなエラーが発生します。

====>> run test
  #!/bin/bash -eo pipefail
node xxx.js

(node:67) UnhandledPromiseRejectionWarning: Error: Failed to launch chrome!
[0806/065833.390539:FATAL:zygote_host_impl_linux.cc(116)] No usable sandbox! Update your kernel or see https://chromium.googlesource.com/chromium/src/+/master/docs/linux_suid_sandbox_development.md for more information on developing with the SUID sandbox. If you want to live dangerously and need an immediate workaround, you can try using --no-sandbox.
...

.circleci/config.yml

以下のコンフィグではpuppeteerのインストール、テストスクリプトの実行を実行しています。

version: 2
jobs:
  test:
    docker:
      - image: circleci/node:latest-browsers
    steps:
      - checkout
      - run: 
          name: install puppeteer
          command: yarn add puppeteer
      - run: 
          name: run test
          command: node response.js

workflows:
  Puppeteer Test:
    jobs:
    - test
  version: 2

補足

ローカルのCircleCIで実行する場合は以下のコマンドを実行します。

$ circleci local execute --job test

参考：CircleCI のローカル CLI の使用 - CircleCI

参考

本投稿にあたって以下のサイトを参考にさせていただきました。