Development tutorial - IT technology blog

Playwright & Percy によるビジュアルリグレッションテスト:デプロイ時の「レイアウト崩れ」への不安を解消する

PlaywrightとPercyを使用して、Reactのビジュアルリグレッションテストを構築する方法を学びましょう。UIバグの検出をピクセル単位で自動化することで、レイアウト崩れを恐れずに自信を持ってコードのリファクタリングができるようになります。
Development tutorial - IT technology blog

Playwright E2E Testing:Webアプリケーションのエンドツーエンドテスト実践ガイド

PlaywrightはMicrosoftが開発した最新のE2EテストツールでChromium・Firefox・WebKitをサポートし、使いやすいAPIと強力なTrace Viewerを備えています。本記事ではインストール・設定・Page Object Modelによるテスト作成・GitHub ActionsでのCI/CD連携まで順を追って解説します。