jsでスクリーンショットを比較してデザインデグレの自動検出をする - BppLOG
E2Eテストの自動化にトライしてみました。 今回はUIの細かい挙動のテストではなく、デザインのデグレ検出にフォーカスをしています。 Webデザインにおいて1pxへのこだわりは非常に重要です。大規模なサービスになると、1pxの違いで数億円の売上に影響することも珍しくありません。 www.nikkei.com 複数人のチームで開発を進めていて、意図せずデザインのデグレが発生していまうことがあります。この時、1px単位のごくわずかな差分の場合、肉眼では見落としてしまいがちです。しかしながら1pxの差が事業に影響を与える可能性があるので、デザインのデグレは防ぐ必要があります。 今回はUIの差分を自動検知する簡易ツールを作成してみます。 nightwatch.jsとresemble.jsを利用します。 ・Nightwatch.js | Node.js powered End-to-End testi
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
saving HTML source code for debugging in nightwatch.js
Using nightwatch, is there a possibility to pass a global property from command line? · Issue #498 · nightwatchjs/nightwatch
