hacomono-tech https://blog.hatena.ne.jp/hacomono-tech/ hacomono TECH BLOG https://techblog.hacomono.jp/ Vitest Playwright SEO Lighthouse みゅーとんです. SEO は非機能的要件でありながら, 検索優位性として重要な観点であるため, フロントエンド開発においてはなるべく劣化させたくない概念です. Lighthouse Score を定常的にチェックして劣化しないように・・などは大変面倒に感じたので, これを CI でチェックできる仕組みを考えました. 複数の機能の組み合わせで実現しています. それぞれ細かく紹介してから, 最後にこれらを統合した, Lighthouse Score の悪化を防ぐテストコードの完全版をまとめます. 前提条件 Vitest でテストを実施する Playwright を使って Vitest 上で E2E… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Ftechblog.hacomono.jp%2Fentry%2F2026%2F05%2F05%2F110000" title="閾値付き Snapshot Test で Lighthouse Score の劣化を防ぐ - hacomono TECH 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/h/hacomono-tech/20260505/20260505195108.png Hatena Blog https://hatena.blog 2026-05-05 11:00:00 rich https://techblog.hacomono.jp/entry/2026/05/05/110000 1.0 100%