Webエンジニアなら知っておきたい！コードではなく”見た目”をテストする「VRT」について - Fenrir Engineers

開発技術部 Frontend1課の堀内です。 近年、AIコーディングツールの普及により、開発スピードは劇的に上がりました。しかし、AIが書いたコードだからこそ、私たちエンジニアが責任を持ってレビューし、品質を担保する必要があります。 特にフロントエンドでは、「共通コンポーネントを修正したら予期せぬ別の画面が崩れた」といった問題がつきものです。AIの活用によってコードの変更スピードが劇的に上がった今、そのすべての影響範囲を人間が一つひとつ画面を開いて目視チェックするのは、もはや現実的ではありません。 こうした目視チェックの限界を補い、”見た目”のバグを自動検知してくれるのが、今回のテーマである VRT（Visual Regression Testing） です。フロントエンドエンジニアがUIをどう安全に保っているのか、その裏側を知るきっかけになれば幸いです。 VRTとは何か？ 一言でいうと、