こんにちは。サーバーサイドエンジニアの@akane_256です。 今日は、Headless Chromeを使ったブラウザテストの自動化(入門)について書きたいと思います。 目次 Headless Chromeとは? 興味を持った背景 今回やったこと 実際のソースコード まとめ Headless Chromeとは? Chrome59(2017/6月頃)から搭載された機能 ChromeをGUIなしでコマンドラインから実行できる DOMのノードを取得したり、画面キャプチャを撮ったりできる ツールと組み合わせて自動テストに使ったりする ブラウザを開いて、特定のページを開き、自分で目視確認しなくても、 あらかじめ作ったプログラムをコマンドから実行をすれば 自動でキャプチャをとったり指定の要素を取得したりすることができます。 興味を持った背景 私は普段 Ringraph という結婚指輪・婚約指輪の口コ
![Headless Chrome でブラウザテスト自動化入門 | Wedding Park CREATORS Blog](https://cdn-ak-scissors.b.st-hatena.com/image/square/65d644e3785c7d215c1c911d684d1261fc7fa5cb/height=288;version=1;width=512/https%3A%2F%2Fengineers.weddingpark.co.jp%2Fwp-content%2Fthemes%2Fwp-techblog-theme-master%2Fassets%2Fimages%2Fdefault%2Feye-catch.png)