Webページを監視して表示崩れが起きていないか検出できるE2Eテストを実装しました | Recruit Tech Blog
お世話になります、フロントエンド担当をしている小原正大です。Webページの表示を監視して差異があった場合、どのページで表示の変化が起きているかを知ることが出来るプログラムを実装したのでそのことについて書こうと思います。 何につかったの？ 僕がフロントエンドを担当しているサービス『料理サプリ』で大規模なフロントエンドコードのリファクタリング行う際に表示テストを自動化するために作成しました。『料理サプリ』はPC・スマホ合わせて大体350-400ページの表示パターンが存在する比較的規模の大きいサイトです。全ページに影響を与えるような作業は大規模な回収となり、今回のリファクタリングでは表示テストの計画などの段取りが必要でした。従来の人手によるQAでは細かいバグを見過ごしたり時間がかかり効率が悪いので、可能な限り自動化しようと考え実装しました。 実装の概要 この監視のシステムは以下の２つ実装を組合わ
『Webページをコマンドラインから一発でPDFや画像に変換する』
wkhtmltopdf を使えば、Webページをコマンド一発でとてもシンプルにPDFや画像に変換することができます。 厳密に言えば、WebページのPDF変換と画像変換はコマンドが分かれており、wkhtmltopdfコマンドを使えばPDFへ、wkhtmltoimageを使えば画像へ変換することができます。 Linux版だけでなく、WindowsやMacOS版も用意されています。 ただし、2010年9月時点で最新版が0.10.0Beta5ということなので、ちょっとソフトウェア自体の安定度はどうかわかりませんが。 インストールといっても、ファイルを解凍すればバイナリファイルが出来上がるだけなのでとても簡単なんですが、最新の0.10.0ではLZMA形式で圧縮されたファイルになっており、解凍時に注意が必要です。 私のテストした環境でもLZMA形式のファイルを取り扱えなかったので、別途xzコマンドをイ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
