E2EテストをPhantomJSから、Puppeteer + Headless Chromeへ移行しました - LCL Engineers' Blog

Webエンジニアの森脇です。LCLでは、以前より「Capybara + PhantomJS」でE2Eテストを行っていましたが、「Puppeteer + Headless Chrome」へ変更しました。 元々は、軽くPuppeteerを触ってみるだけのつもりでしたが、できが良く本格的にE2Eテストへ導入することにしました。 本記事では、変更の経緯や、PuppeteerでE2Eテストを実装する上でのTIPSを紹介します。なお、Capybara + PhantomJSを利用したE2Eテストは、以下の記事でご紹介しております。 techblog.lclco.com 変更の経緯 PhantomJSは古めのWebkitをベースにしているため、一部のCSSがうまく適用されず、Headless Chromeへ移行を以前より考えていました。そんな中、PhantomJSの開発が終了したこともあり、移行すること

[katsusuke]

うちも最近徐々に移行を始めているが、PhantomJS と比べて必要なRAMの量が桁違いに多いためCIサーバーで回すとコケまくって辛い

[hirorock]

E2E Puppeteer

[mabots]

「Puppeteer + Headless Chrome」

[braitom]

PuppeteerとHeadless Chromeを使ったE2Eテストの方法について。取得したスクリーンショットはpixelmatchというライブラリで差分を確認している。

[t_f_m]

あとで

[efcl]

Capybara + PhantomJSで行っていたテストを、Puppeteer + Headless Chromeに移行していくという話。 Puppeteerの機能紹介やデバッグ方法について。

[ryskosn]

画像の差分比較ができるライブラリもあるんだ。すごいな

[takets]

phantomjsの次に来るモノ。試したい。

[masalib]

がz日ｍ

[hiro14aki]

テスト Puppeteer 使ってみたい

[hypermkt]

うちも移行せねば…