mpg-kazuhiro-kobayashi https://blog.hatena.ne.jp/mpg-kazuhiro-kobayashi/ メドピア開発者ブログ https://tech.medpeer.co.jp/ フロントエンド こんにちは。フロントエンドエンジニアの小林和弘です。 Vue.js + Atomic Designでつくられたプロジェクトにビジュアルリグレッションテストを導入しました。 ビジュアルリグレッションテストでUIの安全性を高める コンポーネントの改修、新機能の追加、ライブラリのアップデートを行う際、UIに不要な変更が入っていないか不安になることがあると思います。リファクタリングをしようにも、意図しないところでUIが壊れないか心配になります。 画面表示に関わるコードを改修するたびに、ローカル環境やステージング環境で全UIコンポーネントを確認するのは難しいです。 また、ステージング環境と本番環境を並べ… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Ftech.medpeer.co.jp%2Fentry%2F2020%2F04%2F10%2F160000" title="ビジュアルリグレッションテストを導入した話 - メドピア開発者ブログ" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/m/mpg-kazuhiro-kobayashi/20200408/20200408153648.png Hatena Blog https://hatena.blog 2020-04-10 16:00:00 rich https://tech.medpeer.co.jp/entry/2020/04/10/160000 1.0 100%