rakus_matsumoto https://blog.hatena.ne.jp/rakus_matsumoto/ RAKUS Developers Blog | ラクス エンジニアブログ https://tech-blog.rakus.co.jp/ フロントエンド こんにちは！フロントエンドエンジニアの松本です。 私が担当するプロダクトは今年で20年に到達し、ご長寿プロダクトとなりました。 息の長いプロダクトにはレガシー化が付き物でありますが、レガシー化を進めないためにも、日々技術を最新化するためのリファクタリングが必要です。 今回は、品質を担保しつつ安全にリファクタリングを進めるために、ビジュアルリグレッションテストを試験導入してみました。想像以上に導入が簡単だったので導入方法の紹介と、苦労した点、導入してよかった点について紹介します。 ビジュアルリグレッションテストとは 試験導入の経緯 今回使用したライブラリ 導入方法 Playwrightの導入 r… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Ftech-blog.rakus.co.jp%2Fentry%2F20211008%2Fvisualregression" title="手軽に始めるビジュアルリグレッションテスト【導入記】 - RAKUS Developers Blog | ラクス エンジニアブログ" 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/t/tech-rakus/20211008/20211008131412.png Hatena Blog https://hatena.blog 2021-10-08 16:00:00 rich https://tech-blog.rakus.co.jp/entry/20211008/visualregression 1.0 100%