7
7

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

Puppetterの導入

Last updated at Posted at 2018-04-04

経緯

フロントエンドのデグレ確認をここ1年間、ものすごい時間をかけてやっているので、自動化できるところは自動化しようと踏み切りました。

Puppeteerとは

Puppeteerとは、Headless mode(GUI無し)のGoogle Chromeを操作するためのライブラリになります。
ほぼ自動化で片付くフロントエンドのテストは十分高速にできます。
あとはスクレイピングのツールとしても非常に便利のようです(スクレイピングはpythonで別途やってるのでPuppeteerを使っていない)。

インストール方法

インストール方法は、以下のコマンドでインストールできます。

// パッケージをインストールする場合
$ npm install puppeteer

// パッケージをインストールし、package.jsonに保存する場合
$ npm install --save puppeteer

動かしてハマった部分

サクっと動くかとjsを書いて、動かしてみるとエラーが出てしまいました。

// エラーメッセージ
Running as root without --no-sandbox is not supported.

「await puppeteer.launch」の部分で、以下のように記述することで解決しました。rootでは、「--no-sandbox」必須のようです。

1| // const browser = await puppeteer.launch();
2| const browser = await puppeteer.launch({args: ['--no-sandbox', '--disable-setuid-sandbox']});
7
7
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
7
7

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?